下拉菜单栏增加退出登录选项，窗口顶部右边增加登录用户名显示
Browse files- index.html +5 -3
index.html
CHANGED
|
@@ -46,16 +46,18 @@
|
|
| 46 |
<body class="bg-gray-100 font-sans">
|
| 47 |
<!-- Menu Bar -->
|
| 48 |
<div class="bg-gray-200 border-b border-gray-300 text-sm">
|
| 49 |
-
<div class="flex items-center 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 |
-
|
| 56 |
-
</div>
|
| 57 |
</div>
|
| 58 |
</div>
|
|
|
|
|
|
|
|
|
|
| 59 |
<div class="flex h-screen overflow-hidden" style="height: calc(100vh - 2rem)">
|
| 60 |
<!-- Sidebar - Disk List -->
|
| 61 |
<div class="w-64 bg-white border-r border-gray-300 flex flex-col">
|
|
|
|
| 46 |
<body class="bg-gray-100 font-sans">
|
| 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>
|
| 60 |
+
</div>
|
| 61 |
<div class="flex h-screen overflow-hidden" style="height: calc(100vh - 2rem)">
|
| 62 |
<!-- Sidebar - Disk List -->
|
| 63 |
<div class="w-64 bg-white border-r border-gray-300 flex flex-col">
|