Skynet/misc_pterodactyl-panel
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui: add read-only styling to Input element

Browse source
This commit is contained in:
Matthew Penner 2023-01-13 11:59:11 -07:00
parent e88197c4b1
commit f6cf4a1236
No known key found for this signature in database
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
resources/scripts/components/elements/Input.tsx
View file

@ -62,7 +62,14 @@ const inputStyle = css<Props>`
${tw`opacity-75`}; ${tw`opacity-75`};
} }
${props => props.isLight && light}; ${props =>
props.isLight
? light
: css`
&:not(.ignoreReadOnly):read-only {
${tw`border-neutral-800 bg-neutral-900`};
}
`};
${props => props.hasError && tw`text-red-100 border-red-400 hover:border-red-300`}; ${props => props.hasError && tw`text-red-100 border-red-400 hover:border-red-300`};
`; `;