mirror of
https://github.com/hunvreus/basecoat.git
synced 2026-11-12 13:18:22 +00:00
prepare basecoat 1.0 migration
This commit is contained in:
Ronan Berder
@@ -0,0 +1,2 @@
|
||||
@import "tailwindcss" source(none);
|
||||
@import "./basecoat-base.css";
|
||||
@@ -0,0 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
@import "./basecoat-components.css";
|
||||
@@ -0,0 +1,32 @@
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/skeleton.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-luma.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-lyra.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-maia.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-mira.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-nova.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-rhea.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-sera.css";
|
||||
|
||||
@@ -1,34 +1,2 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./basecoat-base.css";
|
||||
@import "./styles/style-vega.css";
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
@import "tailwindcss" source(none);
|
||||
@import "./basecoat.css";
|
||||
@import "./basecoat.css";
|
||||
|
||||
+1
-34
@@ -1,34 +1 @@
|
||||
@import "./base/base.css";
|
||||
|
||||
/* Components */
|
||||
@import "./components/alert.css";
|
||||
@import "./components/badge.css";
|
||||
@import "./components/button.css";
|
||||
@import "./components/button-group.css";
|
||||
@import "./components/card.css";
|
||||
@import "./components/collapsible.css";
|
||||
@import "./components/command.css";
|
||||
@import "./components/combobox.css";
|
||||
@import "./components/dialog.css";
|
||||
@import "./components/dropdown-menu.css";
|
||||
@import "./components/empty.css";
|
||||
@import "./components/field.css";
|
||||
@import "./components/checkbox.css";
|
||||
@import "./components/input.css";
|
||||
@import "./components/input-group.css";
|
||||
@import "./components/item.css";
|
||||
@import "./components/kbd.css";
|
||||
@import "./components/label.css";
|
||||
@import "./components/native-select.css";
|
||||
@import "./components/popover.css";
|
||||
@import "./components/radio.css";
|
||||
@import "./components/range.css";
|
||||
@import "./components/select.css";
|
||||
@import "./components/sidebar.css";
|
||||
@import "./components/switch.css";
|
||||
@import "./components/table.css";
|
||||
@import "./components/tabs.css";
|
||||
@import "./components/textarea.css";
|
||||
@import "./components/toast.css";
|
||||
@import "./components/tooltip.css";
|
||||
@import "./styles/style-vega.css";
|
||||
@import "./basecoat-vega.css";
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
/* Command */
|
||||
@layer components {
|
||||
.command-dialog {
|
||||
@apply inset-y-0 opacity-0 transition-all transition-discrete;
|
||||
@apply inset-y-0 bg-transparent p-0 text-inherit opacity-0 transition-all transition-discrete;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
|
||||
&:is([open], :popover-open) {
|
||||
@apply opacity-100;
|
||||
@@ -32,7 +34,7 @@
|
||||
}
|
||||
|
||||
> * {
|
||||
@apply fixed top-[50%] left-[50%] z-50 flex max-h-[min(640px,calc(100%_-_2rem))] w-full max-w-[calc(100%_-_2rem)] -translate-x-1/2 -translate-y-1/2 scale-95 flex-col overflow-hidden transition-all sm:max-w-lg;
|
||||
@apply fixed top-1/3 left-1/2 z-50 flex max-h-[min(640px,calc(100%_-_2rem))] w-full max-w-[calc(100%_-_2rem)] -translate-x-1/2 translate-y-0 scale-95 flex-col overflow-hidden transition-all sm:max-w-lg;
|
||||
}
|
||||
|
||||
> * > :is(button, form[method='dialog']) {
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
}
|
||||
|
||||
> * {
|
||||
@apply fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100%_-_2rem)] w-full -translate-x-1/2 -translate-y-1/2 scale-95 flex-col overflow-hidden transition-all outline-hidden;
|
||||
@apply fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100%_-_2rem)] w-full -translate-x-1/2 -translate-y-1/2 scale-95 flex-col transition-all outline-hidden;
|
||||
}
|
||||
|
||||
> * > header {
|
||||
@@ -30,7 +30,7 @@
|
||||
}
|
||||
|
||||
> * > section {
|
||||
@apply flex-1 overflow-y-auto;
|
||||
@apply flex-1;
|
||||
}
|
||||
|
||||
> * > footer {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
@layer components {
|
||||
.field > input[type='radio'],
|
||||
.input[type='radio'] {
|
||||
@apply relative shrink-0 appearance-none outline-none disabled:cursor-not-allowed disabled:opacity-50;
|
||||
@apply relative shrink-0 appearance-none border outline-none disabled:cursor-not-allowed disabled:opacity-50;
|
||||
|
||||
&:checked:before {
|
||||
@apply absolute top-1/2 left-1/2 content-[''] -translate-x-1/2 -translate-y-1/2 rounded-full;
|
||||
|
||||
@@ -483,7 +483,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -594,7 +594,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -620,8 +620,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/30 backdrop-blur-sm;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/30 backdrop-blur-sm duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-xs;
|
||||
@apply py-6 text-center text-xs;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -582,7 +582,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-xs;
|
||||
@apply py-6 text-center text-xs;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -608,8 +608,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/10 backdrop-blur-xs;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/10 backdrop-blur-xs duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -586,7 +586,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -612,8 +612,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/80 backdrop-blur-xs;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/80 backdrop-blur-xs duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-xs/relaxed;
|
||||
@apply py-6 text-center text-xs/relaxed;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -616,8 +616,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/80 backdrop-blur-xs;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/80 backdrop-blur-xs duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -586,7 +586,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -612,8 +612,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/10 backdrop-blur-xs;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/10 backdrop-blur-xs duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -483,7 +483,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -594,7 +594,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -620,8 +620,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/30 backdrop-blur-sm;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/30 backdrop-blur-sm duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -491,7 +491,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -602,7 +602,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -628,8 +628,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/20 backdrop-blur-sm;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/20 backdrop-blur-sm duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
@@ -475,7 +475,7 @@
|
||||
}
|
||||
|
||||
.command [role='menu']:not(:has([role='menuitem']:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
.command [role='group'] {
|
||||
@@ -586,7 +586,7 @@
|
||||
}
|
||||
|
||||
*:not(select).select [role='listbox']:not(:has([data-value]:not([aria-hidden='true'])))::before {
|
||||
@apply px-3 py-2 text-center text-sm;
|
||||
@apply py-6 text-center text-sm;
|
||||
}
|
||||
|
||||
*:not(select).select [role='heading'] {
|
||||
@@ -612,8 +612,9 @@
|
||||
|
||||
|
||||
/* Dialog */
|
||||
.dialog::backdrop {
|
||||
@apply bg-black/10 backdrop-blur-xs;
|
||||
.dialog::backdrop,
|
||||
.command-dialog::backdrop {
|
||||
@apply bg-black/10 backdrop-blur-xs duration-100;
|
||||
}
|
||||
|
||||
.dialog > * {
|
||||
|
||||
Reference in New Issue
Block a user