Improve style of disabled inputs.
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
ci/woodpecker/tag/woodpecker Pipeline was successful

This commit is contained in:
Madeorsk 2024-09-23 15:34:36 +02:00
parent de4018af83
commit 09b7847808
Signed by: Madeorsk
GPG key ID: 677E51CA765BB79F
3 changed files with 12 additions and 1 deletions

View file

@ -126,6 +126,11 @@ export function DemoApp()
Test password Test password
</PasswordInput> </PasswordInput>
<label>
Disabled input
<input type={"text"} name={"disabled"} value={"fixed value"} disabled={true} />
</label>
<DatepickerInput value={datetime} onChange={setDatetime}> <DatepickerInput value={datetime} onChange={setDatetime}>
Date test Date test
</DatepickerInput> </DatepickerInput>

View file

@ -1,5 +1,5 @@
{ {
"version": "1.2.4", "version": "1.2.5",
"name": "@kernelui/core", "name": "@kernelui/core",
"description": "Kernel UI Core.", "description": "Kernel UI Core.",
"scripts": { "scripts": {

View file

@ -24,6 +24,12 @@ input, textarea, select
color: var(--neutral); color: var(--neutral);
opacity: 1; opacity: 1;
} }
&:disabled
{
background: var(--background);
opacity: 0.8;
}
} }
textarea textarea