Remove nested gallery search input frame
This commit is contained in:
@@ -444,7 +444,7 @@ export default function GalleryPage() {
|
||||
value={searchQuery}
|
||||
onChange={(event) => setSearchQuery(event.target.value)}
|
||||
placeholder="搜索作品、用户、提示词、模型"
|
||||
className="h-full min-w-0 flex-1 bg-transparent text-sm font-medium text-foreground outline-none placeholder:text-muted-foreground/62"
|
||||
className="gallery-search-input h-full min-w-0 flex-1 rounded-none border-0 bg-transparent px-0 text-sm font-medium text-foreground shadow-none outline-none placeholder:text-muted-foreground/62"
|
||||
/>
|
||||
{searchQuery && (
|
||||
<button
|
||||
|
||||
@@ -353,7 +353,7 @@
|
||||
.light [data-slot="input"],
|
||||
.light [data-slot="textarea"],
|
||||
.light [data-slot="select-trigger"],
|
||||
.light input,
|
||||
.light input:not(.gallery-search-input),
|
||||
.light textarea,
|
||||
.light button[role="combobox"] {
|
||||
border-color: rgb(116 88 43 / 0.44) !important;
|
||||
@@ -369,7 +369,7 @@
|
||||
.light [data-slot="input"]:hover,
|
||||
.light [data-slot="textarea"]:hover,
|
||||
.light [data-slot="select-trigger"]:hover,
|
||||
.light input:hover,
|
||||
.light input:not(.gallery-search-input):hover,
|
||||
.light textarea:hover,
|
||||
.light button[role="combobox"]:hover {
|
||||
border-color: rgb(116 88 43 / 0.58) !important;
|
||||
@@ -385,7 +385,7 @@
|
||||
.light [data-slot="input"]:focus-visible,
|
||||
.light [data-slot="textarea"]:focus-visible,
|
||||
.light [data-slot="select-trigger"]:focus-visible,
|
||||
.light input:focus-visible,
|
||||
.light input:not(.gallery-search-input):focus-visible,
|
||||
.light textarea:focus-visible,
|
||||
.light button[role="combobox"]:focus-visible {
|
||||
border-color: rgb(196 126 30 / 0.86) !important;
|
||||
@@ -395,6 +395,15 @@
|
||||
0 8px 22px rgb(92 69 32 / 0.08) !important;
|
||||
}
|
||||
|
||||
.gallery-search-input,
|
||||
.gallery-search-input:hover,
|
||||
.gallery-search-input:focus,
|
||||
.gallery-search-input:focus-visible {
|
||||
border-color: transparent !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.light .border-dashed {
|
||||
border-color: rgb(116 88 43 / 0.42) !important;
|
||||
box-shadow:
|
||||
|
||||
Reference in New Issue
Block a user