xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2025-12-11 00:08:15 -06:00
Code Issues Packages Projects Releases Wiki Activity

Support ultra low width viewports in search bar & option checkboxes

Browse Source
This commit is contained in:
Xevion
2023-05-23 20:36:04 -05:00
parent f907537042
commit dbdbf78522
1 changed files with 21 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/form/LookupInput.tsx
View File

@@ -53,23 +53,27 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
</div> </div>
</div> </div>
<div className="col p-0"> <div className="col p-0">
<div className="flex pt-3 pb-1 text-sm"> <div className="flex flex-wrap pt-3 pb-1 text-sm">
<input <div className="whitespace-nowrap">
className="ml-2 mr-1 text-zinc-800 accent-zinc-700" <input
type="checkbox" className="ml-2 mr-1 whitespace-nowrap text-zinc-800 accent-zinc-700"
{...register("requestJSContact")} type="checkbox"
/> {...register("requestJSContact")}
<label className="" htmlFor="requestJSContact"> />
Request JSContact <label className="" htmlFor="requestJSContact">
</label> Request JSContact
<input </label>
className="ml-2 mr-1 bg-zinc-500 text-inherit accent-zinc-700" </div>
type="checkbox" <div className="whitespace-nowrap">
{...register("followReferral")} <input
/> className="ml-2 mr-1 bg-zinc-500 text-inherit accent-zinc-700"
<label className="" htmlFor="followReferral"> type="checkbox"
Follow referral to registrar&apos;s RDAP record {...register("followReferral")}
</label> />
<label className="" htmlFor="followReferral">
Follow referral to registrar&apos;s RDAP record
</label>
</div>
</div> </div>
</div> </div>
</form> </form>