tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 15:07:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

remove loads of styles in favor of inline styles

Browse Source
This commit is contained in:
Thomas Ruoff
2021-11-10 23:45:17 +01:00
parent 6d64e346af
commit 26e4679827
12 changed files with 39 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/input.tsx
View File

@@ -7,14 +7,17 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
}
export default function Input(props: InputProps) {
const { label, name, required, type = 'text', ...rest } = props
const { label, name, required, type = 'text', className = "", ...rest } = props
const defaultClasses = "appearance-none bg-gray-50 text-gray-500 border rounded py-2 px-3 mb-3 leading-tight disabled:bg-gray-200 disabled:cursor-not-allowed focus: outline-none focus:bg-white w-full"
const classes = `${defaultClasses} ${className}`;
return (
<InputWrapper label={label} name={name} required={required}>
<input
type={type}
required={required}
className="input-text"
className={classes}
id={name}
name={name}
{...rest}