hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed when grid collapose's to single column

Browse Source
This commit is contained in:
Dan Ditomaso
2025-04-12 22:05:42 -04:00
parent b3783bab40
commit a195126df1
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Form/FormWrapper.tsx
+1 -1
View File
@@ -21,7 +21,7 @@ export const FieldWrapper = ({
<div className="pt-6 sm:pt-5"> <div className="pt-6 sm:pt-5">
<fieldset aria-labelledby="label-notifications"> <fieldset aria-labelledby="label-notifications">
{/* first column = labels/heading, second column = fields, third column = gutter */} {/* first column = labels/heading, second column = fields, third column = gutter */}
<div className="grid md:grid-cols-[1fr_2fr] lg:grid-cols-[1fr_2fr_1fr] sm:items-baseline gap-4"> <div className="grid grid-cols-1 lg:grid-cols-[0.6fr_2fr_.1fr] sm:items-baseline gap-4">
<Label htmlFor={fieldName}>{label}</Label> <Label htmlFor={fieldName}>{label}</Label>
<div className="max-w-3xl"> <div className="max-w-3xl">
<p className="text-sm text-slate-400">{description}</p> <p className="text-sm text-slate-400">{description}</p>