feat: Add McDonald's mode

This commit is contained in:
Jesse Wierzbinski 2024-12-04 15:43:31 +01:00
parent 232abac215
commit 17d9b8fe09
No known key found for this signature in database
5 changed files with 56 additions and 0 deletions

View file

@ -20,6 +20,7 @@ const props = withDefaults(defineProps<Props>(), {
:as="as"
:as-child="asChild"
:class="cn(buttonVariants({ variant, size }), props.class)"
data-component="button"
>
<slot />
</Primitive>

View file

@ -21,6 +21,7 @@ const props = withDefaults(
props.class,
)
"
data-component="card"
>
<slot />
</Primitive>

View file

@ -31,6 +31,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
v-if="collapsible === 'none'"
:class="cn('flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground', props.class)"
v-bind="$attrs"
data-component="sidebar"
>
<slot />
</div>
@ -57,6 +58,7 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
:data-collapsible="state === 'collapsed' ? collapsible : ''"
:data-variant="variant"
:data-side="side"
data-component="sidebar"
>
<!-- This is what handles the sidebar gap on desktop -->
<div