hipowered.dev/basecoat
1
0
Fork 0
mirror of https://github.com/hunvreus/basecoat.git synced 2026-11-13 13:48:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Release beta 7 with Drawer component

Browse Source
This commit is contained in:
Ronan Berder
2026-06-25 12:59:15 +08:00
parent b3c5d16e28
commit a0715d17ab
22 changed files with 867 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/styles/sera.css
+50
View File
@@ -593,6 +593,56 @@
@apply text-muted-foreground mt-0.5 text-sm leading-relaxed text-balance md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a:hover]:text-foreground;
}
/* Drawer */
.drawer::backdrop {
@apply bg-black/20 backdrop-blur-sm;
}
.drawer > * {
@apply bg-popover text-popover-foreground text-sm;
}
.drawer:not([data-side]) > *,
.drawer[data-side='bottom'] > * {
@apply rounded-none border-t;
}
.drawer[data-side='top'] > * {
@apply rounded-none border-b;
}
.drawer[data-side='left'] > * {
@apply rounded-none border-r;
}
.drawer[data-side='right'] > * {
@apply rounded-none border-l;
}
.drawer > * > header {
@apply gap-1 p-4 text-start md:gap-2;
}
.drawer:not([data-side]) > * > header,
.drawer[data-side='bottom'] > * > header,
.drawer[data-side='top'] > * > header {
@apply text-center;
}
.drawer > * > footer {
@apply gap-2 p-4;
}
.drawer > * > header > h2,
.drawer > * > [data-title] {
@apply text-lg font-semibold tracking-wider uppercase;
}
.drawer > * > header > p,
.drawer > * > [data-description] {
@apply text-muted-foreground mt-0.5 text-sm leading-relaxed;
}
/* Dropdown Menu */
.dropdown-menu > [data-popover] {
@apply bg-popover text-popover-foreground ring-foreground/10 min-w-48 gap-0 overflow-x-hidden overflow-y-auto rounded-none p-1.5 shadow-md ring-1 duration-100;