Fix Sera command preview styling

This commit is contained in:
Ronan Berder
2026-06-25 16:48:10 +08:00
parent 77c5281f49
commit 6c87a5cde8
2 changed files with 3 additions and 3 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
# Command
<Preview class="w-full max-w-sm">
<div id="demo-command-standalone" class="command rounded-lg border" aria-label="Command menu">
<div id="demo-command-standalone" class="command" aria-label="Command menu">
<header><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search-icon lucide-search"><circle cx="11" cy="11" r="8" /><path d="m21 21-4.3-4.3" /></svg>
<input type="text" id="demo-command-standalone-input" placeholder="Type a command or search..." autocomplete="off" autocorrect="off" spellcheck="false" aria-autocomplete="list" role="combobox" aria-expanded="true" aria-controls="demo-command-standalone-menu" />
</header>
+2 -2
View File
@@ -361,11 +361,11 @@
/* Command */
.command {
@apply bg-popover text-popover-foreground rounded-none;
@apply bg-popover text-popover-foreground rounded-none!;
}
.command-dialog > .command {
@apply bg-popover text-popover-foreground ring-foreground/10 rounded-none shadow-md ring-1 duration-100;
@apply bg-popover text-popover-foreground ring-foreground/10 rounded-none! shadow-md ring-1 duration-100;
}
.command > header {