calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-08-19 10:42:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

make budgets input mobile responsive

Browse Source
This commit is contained in:
miloschwartz
2026-08-18 16:11:49 -04:00
parent bdd7f40688
commit 987c0e992b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BudgetsEditor.tsx
+3 -3
View File
@@ -327,7 +327,7 @@ export function BudgetRowsFields({
return ( return (
<div <div
key={row.key} key={row.key}
className="flex items-center gap-2" className="flex items-center gap-1 sm:gap-2"
> >
<div <div
className={cn( className={cn(
@@ -340,7 +340,7 @@ export function BudgetRowsFields({
> >
<BudgetRowUnitSelect <BudgetRowUnitSelect
{...fields} {...fields}
className="h-full w-28 min-w-28 shrink-0 rounded-none border-0 px-2 shadow-none focus-visible:ring-0" className="h-full w-20 min-w-20 shrink-0 rounded-none border-0 px-2 shadow-none focus-visible:ring-0 sm:w-28 sm:min-w-28 max-sm:[&_svg]:hidden"
/> />
<div <div
className="w-px shrink-0 bg-border" className="w-px shrink-0 bg-border"
@@ -353,7 +353,7 @@ export function BudgetRowsFields({
</div> </div>
<BudgetRowPeriodSelect <BudgetRowPeriodSelect
{...fields} {...fields}
className="h-9 w-32 min-w-32 shrink-0" className="h-9 w-24 min-w-24 shrink-0 sm:w-32 sm:min-w-32 max-sm:[&_svg]:hidden"
/> />
<Button <Button
type="button" type="button"