tweak(builder) block control styling (#7762)

* wix width

* teak(builder): blocks control styling
This commit is contained in:
Swifty
2024-08-08 14:15:04 +02:00
committed by GitHub
parent 3eb0d73461
commit deacc2bd8f
2 changed files with 10 additions and 5 deletions

View File

@@ -52,10 +52,15 @@ export const BlocksControl: React.FC<BlocksControlProps> = ({
align="start"
className="w-96 p-0"
>
<Card className="border-none shadow-none">
<CardHeader className="p-4">
<div className="flex flex-row justify-between items-center">
<Label htmlFor="search-blocks">Blocks</Label>
<Card className="border-none shadow-md">
<CardHeader className="flex px-2 flex-col p-3 gap-x-8 gap-y-2">
<div className="justify-between items-center ">
<Label
htmlFor="search-blocks"
className="text-base 2xl:text-xl font-semibold whitespace-nowrap text-black border-b-2 border-violet-500"
>
Blocks
</Label>
</div>
<Input
id="search-blocks"

View File

@@ -11,7 +11,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
<input
type={type}
className={cn(
"flex h-9 w-full rounded-md border border-gray-200 bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:placeholder:text-gray-400 dark:focus-visible:ring-gray-300",
"flex h-9 w-full rounded-md border border-gray-200 bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-gray-500 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-400 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-800 dark:placeholder:text-gray-400 dark:focus-visible:ring-gray-300",
type == "file" ? "pt-1.5 pb-0.5" : "", // fix alignment
className,
)}