xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2025-12-12 09:11:08 -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

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

@@ -53,15 +53,18 @@ 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">
<div className="whitespace-nowrap">
<input <input
className="ml-2 mr-1 text-zinc-800 accent-zinc-700" className="ml-2 mr-1 whitespace-nowrap text-zinc-800 accent-zinc-700"
type="checkbox" type="checkbox"
{...register("requestJSContact")} {...register("requestJSContact")}
/> />
<label className="" htmlFor="requestJSContact"> <label className="" htmlFor="requestJSContact">
Request JSContact Request JSContact
</label> </label>
</div>
<div className="whitespace-nowrap">
<input <input
className="ml-2 mr-1 bg-zinc-500 text-inherit accent-zinc-700" className="ml-2 mr-1 bg-zinc-500 text-inherit accent-zinc-700"
type="checkbox" type="checkbox"
@@ -72,6 +75,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
</label> </label>
</div> </div>
</div> </div>
</div>
</form> </form>
); );
}; };