fix sidebar ui

This commit is contained in:
Julian Freeman
2025-12-02 11:08:38 -04:00
parent c63b03b083
commit 38ad2e64cc

View File

@@ -31,7 +31,7 @@ onMounted(async () => {
<span class="font-bold text-lg hidden lg:block">StreamCapture</span>
</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 -->
<RouterLink to="/"
class="flex items-center gap-3 px-4 py-3 rounded-xl transition-colors"
@@ -61,7 +61,7 @@ onMounted(async () => {
</RouterLink>
<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'"
>
<SettingsIcon class="w-5 h-5 shrink-0" />