fix: clickable checkbox/label and minor styling (#442)

* fix: clickable checkbox/label

* fix: change location radiogroup color to dark

* fix: same classes for labels

Co-authored-by: mihaic195 <mihai@sortlist.com>
This commit is contained in:
Mihai C 2021-08-20 15:11:08 +03:00 committed by GitHub
parent 6d158e0c50
commit eaaa36c4a4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -234,7 +234,7 @@ export default function Book(props: any): JSX.Element {
type="radio" type="radio"
required required
onChange={(e) => setSelectedLocation(e.target.value)} onChange={(e) => setSelectedLocation(e.target.value)}
className="location" className="location focus:ring-black h-4 w-4 text-black border-gray-300 mr-2"
name="location" name="location"
value={location.type} value={location.type}
checked={selectedLocation === location.type} checked={selectedLocation === location.type}
@ -274,7 +274,7 @@ export default function Book(props: any): JSX.Element {
<div className="mb-4" key={"input-" + input.label.toLowerCase}> <div className="mb-4" key={"input-" + input.label.toLowerCase}>
{input.type !== EventTypeCustomInputType.BOOL && ( {input.type !== EventTypeCustomInputType.BOOL && (
<label <label
htmlFor={input.label} htmlFor={"custom_" + input.id}
className="block text-sm font-medium text-gray-700 dark:text-white mb-1"> className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
{input.label} {input.label}
</label> </label>
@ -319,8 +319,8 @@ export default function Book(props: any): JSX.Element {
placeholder="" placeholder=""
/> />
<label <label
htmlFor={input.label} htmlFor={"custom_" + input.id}
className="block text-sm font-medium text-gray-700"> className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
{input.label} {input.label}
</label> </label>
</div> </div>