Update component styling

This commit is contained in:
2025-08-13 23:08:38 -04:00
parent 3a76aed09b
commit ddf25232b4
5 changed files with 310 additions and 319 deletions

View File

@@ -500,10 +500,10 @@ export function TextContent(){
className="flex flex-col items-center justify-center gap-y-8 mt-8 w-full"
>
<TextDisplay title="Text Input">
<TextInput placeholder="Text Input" labelClassName="bg-(--bg-color)"/>
<TextInput placeholder="Text Input" labelClassName="bg-(--bg-color) peer-focus:bg-(--bg-color)"/>
</TextDisplay>
<TextDisplay title="Text Area">
<TextArea placeholder="Textarea" className="resize" labelClassName="bg-(--bg-color)"/>
<TextArea placeholder="Textarea" className="resize" labelClassName="bg-(--bg-color) peer-focus:bg-(--bg-color)"/>
</TextDisplay>
<TextDisplay title="Select">
<SelectInput label={selected.label} onChange={(newValue) => setSelected(selectOptions.find((option) => option.value === newValue) || selectOptions[0])}>