didiaodeking commited on
Commit
ac3c1db
·
verified ·
1 Parent(s): 9e78077

添加文件和新建文件夹功能改放到刷新按钮右边,然后用一个+号表示,点击加号弹出,添加文件和新建文件夹2个选项

Browse files
Files changed (1) hide show
  1. 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
- <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 class="border-t border-gray-200 my-1"></div>
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>