sonot
/
PteroTheme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix checkboxes

This commit is contained in:
DaneEveritt 2022-07-02 18:27:29 -04:00
parent e49e6ee802
commit 870a964050
No known key found for this signature in database
GPG Key ID: EEA66103B3D71F53
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
resources/scripts/components/elements/inputs/Checkbox.tsx
View File

@ -2,6 +2,13 @@ import React, { forwardRef } from 'react';
import classNames from 'classnames'; import classNames from 'classnames';
import styles from './styles.module.css'; import styles from './styles.module.css';
export default forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(({ className, ...props }, ref) => ( type Props = Omit<React.ComponentProps<'input'>, 'type'>;
<input ref={ref} className={classNames('form-input', styles.text_input, className)} {...props} />
export default forwardRef<HTMLInputElement, Props>(({ className, ...props }, ref) => (
<input
ref={ref}
type={'checkbox'}
className={classNames('form-input', styles.checkbox_input, className)}
{...props}
/>
)); ));

2
resources/scripts/components/elements/inputs/styles.module.css
View File

@ -1,4 +1,4 @@
.checkbox { .checkbox_input {
@apply w-4 h-4 rounded-sm border-neutral-500 bg-neutral-600 text-primary-500; @apply w-4 h-4 rounded-sm border-neutral-500 bg-neutral-600 text-primary-500;
&:focus, &:active { &:focus, &:active {