添加文件和新建文件夹功能改放到刷新按钮右边,然后用一个+号表示,点击加号弹出,添加文件和新建文件夹2个选项
Browse files- index.html +17 -12
index.html
CHANGED
|
@@ -47,16 +47,13 @@
|
|
| 47 |
<!-- Menu Bar -->
|
| 48 |
<div class="bg-gray-200 border-b border-gray-300 text-sm">
|
| 49 |
<div class="flex items-center justify-between px-2 h-8">
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
<
|
| 57 |
-
<button id="newFolderBtn" class="block w-full text-left px-4 py-1 hover:bg-blue-100">New Folder</button>
|
| 58 |
-
<button id="newFileBtn" class="block w-full text-left px-4 py-1 hover:bg-blue-100">New File</button>
|
| 59 |
-
</div>
|
| 60 |
</div>
|
| 61 |
<div class="text-sm font-medium">Welcome, Admin</div>
|
| 62 |
</div>
|
|
@@ -127,9 +124,17 @@
|
|
| 127 |
<button class="p-1 hover:bg-gray-300 rounded">
|
| 128 |
<i data-feather="refresh-cw"></i>
|
| 129 |
</button>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 130 |
</div>
|
| 131 |
-
|
| 132 |
-
<!-- Address Bar -->
|
| 133 |
<div class="flex-1 mx-4 bg-white rounded border border-gray-300 px-2 py-1 text-sm">
|
| 134 |
This PC > Local Disk (C:)
|
| 135 |
</div>
|
|
|
|
| 47 |
<!-- Menu Bar -->
|
| 48 |
<div class="bg-gray-200 border-b border-gray-300 text-sm">
|
| 49 |
<div class="flex items-center justify-between px-2 h-8">
|
| 50 |
+
<div class="relative group">
|
| 51 |
+
<button class="px-2 hover:bg-gray-300 rounded">File</button>
|
| 52 |
+
<div class="hidden group-hover:block absolute bg-white shadow-lg z-10 w-48">
|
| 53 |
+
<button class="block w-full text-left px-4 py-1 hover:bg-blue-100">New Disk</button>
|
| 54 |
+
<button class="block w-full text-left px-4 py-1 hover:bg-blue-100">Open Disk</button>
|
| 55 |
+
<button class="block w-full text-left px-4 py-1 hover:bg-blue-100">Sign Out</button>
|
| 56 |
+
</div>
|
|
|
|
|
|
|
|
|
|
| 57 |
</div>
|
| 58 |
<div class="text-sm font-medium">Welcome, Admin</div>
|
| 59 |
</div>
|
|
|
|
| 124 |
<button class="p-1 hover:bg-gray-300 rounded">
|
| 125 |
<i data-feather="refresh-cw"></i>
|
| 126 |
</button>
|
| 127 |
+
<div class="relative group">
|
| 128 |
+
<button class="p-1 hover:bg-gray-300 rounded">
|
| 129 |
+
<i data-feather="plus"></i>
|
| 130 |
+
</button>
|
| 131 |
+
<div class="hidden group-hover:block absolute bg-white shadow-lg z-10 w-48 right-0 mt-1">
|
| 132 |
+
<button id="newFolderBtn" class="block w-full text-left px-4 py-1 hover:bg-blue-100">New Folder</button>
|
| 133 |
+
<button id="newFileBtn" class="block w-full text-left px-4 py-1 hover:bg-blue-100">New File</button>
|
| 134 |
+
</div>
|
| 135 |
+
</div>
|
| 136 |
</div>
|
| 137 |
+
<!-- Address Bar -->
|
|
|
|
| 138 |
<div class="flex-1 mx-4 bg-white rounded border border-gray-300 px-2 py-1 text-sm">
|
| 139 |
This PC > Local Disk (C:)
|
| 140 |
</div>
|