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

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

@@ -121,7 +121,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
<Listbox.Button
className={clsx(
"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 "
)}
>
@@ -163,7 +163,7 @@ const LookupInput: FunctionComponent<LookupInputProps> = ({
<>
<span
className={clsx(
"block",
"block text-xs md:text-sm lg:text-base",
selected ? "font-medium" : null
)}
>