fix: fixes spacing on mobile (#3466)

amir20 · web-flow · commit 4fa04d0176b7 · 2024-12-17T16:24:10.000-08:00
diff --git a/assets/components/ScrollableView.vue b/assets/components/ScrollableView.vue
@@ -2,7 +2,7 @@
   <section :class="{ 'h-screen min-h-0': scrollable }" class="flex flex-col">
     <header
       v-if="$slots.header"
-      class="sticky top-[70px] z-[2] border-b border-base-content/10 bg-base py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0"
+      class="sticky top-[65px] z-[2] border-b border-base-content/10 bg-base py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0"
     >
       <slot name="header"></slot>
     </header>

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`<section :class="{ 'h-screen min-h-0': scrollable }" class="flex flex-col">`
`3`	`3`	`<header`
`4`	`4`	`v-if="$slots.header"`
`5`		`- class="sticky top-[70px] z-[2] border-b border-base-content/10 bg-base py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0"`
	`5`	`+ class="sticky top-[65px] z-[2] border-b border-base-content/10 bg-base py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0"`
`6`	`6`	`>`
`7`	`7`	`<slot name="header"></slot>`
`8`	`8`	`</header>`