Improved sidebar responsiveness

Kieran-Lock · Aug 13, 2023 · a524f7c · a524f7c
1 parent 15a92f5
commit a524f7c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/docs/src/lib/components/navigation/Sidebar.svelte b/docs/src/lib/components/navigation/Sidebar.svelte
@@ -7,7 +7,7 @@
     import {projectName} from "$lib/content/configuration";
 </script>
 
-<div class="flex flex-col card p-4 h-full gap-8 overflow-y-scroll hide-scrollbar">
+<div class="flex flex-col card p-4 h-full gap-8 overflow-y-scroll hide-scrollbar md:min-w-[320px] xl:min-w-[420px]">
     <header class="flex flex-col card justify-center items-center p-4 gap-6 variant-ringed-surface pb-6">
         <button type="button" on:click={selectNodeBuilder(project)}>
             <span class="text-2xl font-bold">{projectName}</span>

diff --git a/scandocs/templates/lib/components/navigation/Sidebar.svelte b/scandocs/templates/lib/components/navigation/Sidebar.svelte
@@ -7,7 +7,7 @@
     import {projectName} from "$lib/content/configuration";
 </script>
 
-<div class="flex flex-col card p-4 h-full gap-8 overflow-y-scroll hide-scrollbar">
+<div class="flex flex-col card p-4 h-full gap-8 overflow-y-scroll hide-scrollbar md:min-w-[320px] xl:min-w-[420px]">
     <header class="flex flex-col card justify-center items-center p-4 gap-6 variant-ringed-surface pb-6">
         <button type="button" on:click={selectNodeBuilder(project)}>
             <span class="text-2xl font-bold">{projectName}</span>