refac: styling

This commit is contained in:
Timothy Jaeryang Baek
2025-01-13 19:18:32 -08:00
parent 147eb0d2d1
commit f299e19002
10 changed files with 113 additions and 19 deletions
+3 -3
View File
@@ -26,13 +26,13 @@
{#if loaded}
<div
class=" flex flex-col w-full min-h-screen max-h-screen {$showSidebar
class=" flex flex-col w-full min-h-screen max-h-screen transition-width duration-300 ease-in-out {$showSidebar
? 'md:max-w-[calc(100%-260px)]'
: ''}"
: ''} max-w-full"
>
<nav class=" px-2.5 pt-1 backdrop-blur-xl drag-region">
<div class=" flex items-center gap-1">
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center">
<div class="{$showSidebar ? 'md:hidden' : ''} flex flex-none items-center self-end">
<button
id="sidebar-toggle-button"
class="cursor-pointer p-1.5 flex rounded-xl hover:bg-gray-100 dark:hover:bg-gray-850 transition"