fix sidebar ui
This commit is contained in:
@@ -31,7 +31,7 @@ onMounted(async () => {
|
|||||||
<span class="font-bold text-lg hidden lg:block">StreamCapture</span>
|
<span class="font-bold text-lg hidden lg:block">StreamCapture</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav class="flex-1 px-4 space-y-2 mt-4 flex flex-col">
|
<nav class="flex-1 px-4 space-y-2 mt-4 flex flex-col pb-6">
|
||||||
<!-- Top Section -->
|
<!-- Top Section -->
|
||||||
<RouterLink to="/"
|
<RouterLink to="/"
|
||||||
class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors"
|
class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors"
|
||||||
@@ -61,7 +61,7 @@ onMounted(async () => {
|
|||||||
</RouterLink>
|
</RouterLink>
|
||||||
|
|
||||||
<RouterLink to="/settings"
|
<RouterLink to="/settings"
|
||||||
class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors mb-4"
|
class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors"
|
||||||
:class="route.path === '/settings' ? 'bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400' : 'hover:bg-gray-100 dark:hover:bg-zinc-800'"
|
:class="route.path === '/settings' ? 'bg-blue-50 text-blue-600 dark:bg-blue-900/20 dark:text-blue-400' : 'hover:bg-gray-100 dark:hover:bg-zinc-800'"
|
||||||
>
|
>
|
||||||
<SettingsIcon class="w-5 h-5 shrink-0" />
|
<SettingsIcon class="w-5 h-5 shrink-0" />
|
||||||
|
|||||||
Reference in New Issue
Block a user