From 47a36f7c2619ce0f42a1ed486d77554779c58c8f Mon Sep 17 00:00:00 2001
From: Wisp X <wisp-x@qq.com>
Date: Thu, 6 Jan 2022 17:59:40 +0800
Subject: [PATCH] :lipstick: Updating the UI and style files.

---
 resources/views/images.blade.php | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/resources/views/images.blade.php b/resources/views/images.blade.php
index 30dc90e9..47490783 100644
--- a/resources/views/images.blade.php
+++ b/resources/views/images.blade.php
@@ -46,6 +46,20 @@
                     </x-dropdown-link>
                 </x-slot>
             </x-dropdown>
+            <x-dropdown direction="left">
+                <x-slot name="trigger">
+                    <a id="visibility" class="text-sm py-2 px-3 hover:bg-gray-100 rounded text-gray-800" href="javascript:void(0)">
+                        <span>全部</span>
+                        <i class="fas fa-eye text-blue-500"></i>
+                    </a>
+                </x-slot>
+
+                <x-slot name="content">
+                    <x-dropdown-link href="javascript:void(0)" @click="open = false">全部</x-dropdown-link>
+                    <x-dropdown-link href="javascript:void(0)" @click="open = false">公开</x-dropdown-link>
+                    <x-dropdown-link href="javascript:void(0)" @click="open = false">私有</x-dropdown-link>
+                </x-slot>
+            </x-dropdown>
         </div>
     </div>
     <div class="relative inset-0 h-full overflow-hidden select-none">
@@ -529,6 +543,10 @@
                 },
                 detail: {text: '详细信息', action: e => {}},
                 delete: {text: '删除', action: e => {}},
+                visibility: {
+                    text: '设置可见性',
+                    action: e => {},
+                },
             };
             // 点击容器
             context.attach(PHOTOS_SCROLL, {
@@ -544,6 +562,7 @@
                     methods.copies,
                     methods.open,
                     methods.movements,
+                    methods.visibility,
                     methods.remove,
                     {divider: true},
                     methods.rename,