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>
pull/509/head^2
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
1 changed files with 4 additions and 4 deletions

View File

@ -234,7 +234,7 @@ export default function Book(props: any): JSX.Element {
type="radio"
required
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"
value={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}>
{input.type !== EventTypeCustomInputType.BOOL && (
<label
htmlFor={input.label}
htmlFor={"custom_" + input.id}
className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
{input.label}
</label>
@ -319,8 +319,8 @@ export default function Book(props: any): JSX.Element {
placeholder=""
/>
<label
htmlFor={input.label}
className="block text-sm font-medium text-gray-700">
htmlFor={"custom_" + input.id}
className="block text-sm font-medium text-gray-700 dark:text-white mb-1">
{input.label}
</label>
</div>