diff --git a/src/app.css b/src/app.css index 8af3591..4ad271e 100644 --- a/src/app.css +++ b/src/app.css @@ -280,7 +280,7 @@ body { .input-group, .textarea-group { position: relative; - margin-top: 45px; + margin-top: 30px; } input.underlinedInput, @@ -343,10 +343,10 @@ textarea.underlinedInput:not(:placeholder-shown) ~ label { color: var(--color-blue); } -.delete input.underlinedInput:focus ~ label, -.delete input.underlinedInput:not(:placeholder-shown) ~ label, -.delete textarea.underlinedInput:focus ~ label, -.delete textarea.underlinedInput:not(:placeholder-shown) ~ label { +.delete > input.underlinedInput:focus ~ label, +.delete > input.underlinedInput:not(:placeholder-shown) ~ label, +.delete > textarea.underlinedInput:focus ~ label, +.delete > textarea.underlinedInput:not(:placeholder-shown) ~ label { color: var(--color-red); } diff --git a/src/components/ui/Input.tsx b/src/components/ui/Input.tsx index 6e72404..3f908dc 100644 --- a/src/components/ui/Input.tsx +++ b/src/components/ui/Input.tsx @@ -4,7 +4,6 @@ export interface InputProps extends JSX.InputHTMLAttributes { label?: string; error?: string; helperText?: string; - containerClass?: string; ref?: HTMLInputElement | ((el: HTMLInputElement) => void); } @@ -13,18 +12,16 @@ export default function Input(props: InputProps) { "label", "error", "helperText", - "class", - "containerClass", "ref" ]); return ( -
+
diff --git a/src/components/ui/PasswordInput.tsx b/src/components/ui/PasswordInput.tsx index 4e1cd9b..f4a91f6 100644 --- a/src/components/ui/PasswordInput.tsx +++ b/src/components/ui/PasswordInput.tsx @@ -14,9 +14,7 @@ export default function PasswordInput(props: PasswordInputProps) { const [local, inputProps] = splitProps(props, [ "showStrength", "defaultVisible", - "passwordValue", - "class", - "containerClass" + "passwordValue" ]); const [showPassword, setShowPassword] = createSignal( @@ -24,13 +22,12 @@ export default function PasswordInput(props: PasswordInputProps) { ); return ( -
-
+
+