xevion/rdap
1
0
Fork 0
mirror of https://github.com/Xevion/rdap.git synced 2026-01-31 00:25:18 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve text sizing/width for dropdown on mobile/smaller viewports

Browse Source
This commit is contained in:
Xevion
2024-05-09 02:32:20 -05:00
parent 86d4bc5d2e
commit 3e21193f64
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/form/LookupInput.tsx
+2 -2
View File
@@ -121,7 +121,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
<Listbox.Button <Listbox.Button
className={clsx( className={clsx(
"relative h-full w-full cursor-default rounded-r-lg bg-zinc-700 py-2 pl-3 pr-10", "relative h-full w-full cursor-default rounded-r-lg bg-zinc-700 py-2 pl-3 pr-10",
"text-left focus:outline-none focus-visible:border-indigo-500 sm:text-sm", "text-left focus:outline-none focus-visible:border-indigo-500 sm:text-sm text-xs md:text-base lg:text-lg",
"focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-orange-300 " "focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-orange-300 "
)} )}
> >
@@ -163,7 +163,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
<> <>
<span <span
className={clsx( className={clsx(
"block", "block text-xs md:text-sm lg:text-base",
selected ? "font-medium" : null selected ? "font-medium" : null
)} )}
> >