besaid.zone
+5
-5
appview/pages/templates/layouts/fragments/topbar.html
+5
-5
appview/pages/templates/layouts/fragments/topbar.html
···
55
55
class="rounded-full h-6 w-6 border border-gray-300 dark:border-gray-700"
56
56
/>
57
57
</button>
58
-
<div popover="auto" id="navigation-popover" class="site-navigation-popover shadow-md border border-gray-100 rounded-sm p-2">
58
+
<div popover="auto" id="navigation-popover" class="site-navigation-popover shadow-md border border-gray-200 rounded p-2 bg-white dark:bg-gray-800 dark:text-white dark:border-gray-700">
59
59
<div class="flex gap-2 py-2">
60
60
<img
61
61
src="{{ tinyAvatar $user }}"
···
64
64
/>
65
65
<p>{{ $user | resolve | truncateAt30 }}</p>
66
66
</div>
67
-
<hr class="h-1 w-full mb-1 mt-2" />
67
+
<hr class="h-1 w-full mb-1 mt-2 dark:border-gray-700" />
68
68
<ul id="navigation-menu-popover">
69
69
<li>
70
-
<a href="/{{ $user }}">
70
+
<a href="/{{ $user }}">
71
71
{{ i "user" "w-4 h-4" }}
72
72
<span>profile</span>
73
73
</a>
···
90
90
<span>settings</span>
91
91
</a>
92
92
</li>
93
-
<hr class="h-1 w-full mb-1 mt-2" />
93
+
<hr class="h-1 w-full mb-1 mt-2 dark:border-gray-700" />
94
94
<li>
95
95
<a href="#"
96
96
hx-post="/logout"
97
97
hx-swap="none"
98
-
class="text-red-600 flex gap-2 items-center hover:bg-red-50 hover:text-red-700 px-2 py-2 rounded-sm">
98
+
class="text-red-400 flex gap-2 items-center hover:bg-red-50 hover:text-red-700 px-2 py-2 rounded-sm dark:hover:bg-red-700 dark:hover:text-red-50">
99
99
{{ i "arrow-right-from-line" "w-4 h-4" }}
100
100
<span>logout</span>
101
101
</a>
+1
-1
input.css
+1
-1
input.css
···
90
90
}
91
91
92
92
#navigation-menu-popover li:not(:last-of-type) a {
93
-
@apply flex gap-2 items-center px-2 pb-2 pt-1.5 rounded-sm hover:bg-green-50 hover:text-green-700 no-underline
93
+
@apply flex gap-2 items-center px-2 pb-2 pt-1.5 rounded-sm hover:bg-green-50 hover:text-green-700 no-underline dark:hover:text-green-50 dark:hover:bg-green-700;
94
94
}
95
95
96
96
a[hx-post="/logout"] {