starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-29 21:51:59 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Minor style tweaks

Browse Source
This commit is contained in:
Gregory Schier
2023-03-07 22:21:58 -08:00
parent 620dd7d3ef
commit b700bd356c
9 changed files with 61 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src-web/components/Input.tsx
View File

@@ -39,6 +39,13 @@ export function Input({
...props
}: Props) {
const id = `input-${name}`;
const inputClassName = classnames(
className,
'!bg-transparent pl-3 pr-2 min-w-0 h-full w-full focus:outline-none placeholder:text-placeholder',
leftSlot && '!pl-1',
rightSlot && '!pr-1',
);
return (
<VStack>
<label
@@ -69,10 +76,7 @@ export function Input({
defaultValue={defaultValue}
placeholder={placeholder}
onChange={onChange}
className={classnames(
className,
'!bg-transparent min-w-0 pl-3 pr-2 h-full w-full focus:outline-none',
)}
className={inputClassName}
{...props}
{...useEditor}
/>
@@ -82,12 +86,7 @@ export function Input({
onChange={(e) => onChange?.(e.target.value)}
placeholder={placeholder}
defaultValue={defaultValue}
className={classnames(
className,
'!bg-transparent min-w-0 pl-3 pr-2 h-full w-full focus:outline-none placeholder:text-placeholder',
leftSlot && '!pl-1',
rightSlot && '!pr-1',
)}
className={inputClassName}
{...props}
/>
)}