moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve legacy Checkbox styles

This commit is contained in:
Alex Gleason 2022-05-06 18:51:06 -05:00
parent 047c50cc02
commit 43d494d43c
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/components/ui/form-group/form-group.tsx
View File

@ -10,7 +10,7 @@ interface IFormGroup {
errors?: string[]
}
/** Input element with label and hint. */
/** Input container with label. Renders the child. */
const FormGroup: React.FC<IFormGroup> = (props) => {
const { children, errors = [], labelText, hintText } = props;
const formFieldId: string = useMemo(() => `field-${uuidv4()}`, []);

5
app/styles/forms.scss
View File

@ -65,10 +65,9 @@ code {
position: relative;
.label_input > label {
@apply text-black dark:text-white;
@apply text-sm font-medium text-gray-700 dark:text-gray-400;
font-family: inherit;
font-size: 14px;
padding-top: 5px;
display: block;
width: auto;
}
@ -84,7 +83,7 @@ code {
input[type="checkbox"] {
position: absolute;
top: 3px;
top: 1px;
left: 0;
}