calvin.erfmann/pangolin
1
0
Fork 0
mirror of https://github.com/fosrl/pangolin.git synced 2026-08-19 02:32:56 +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 (
<div
key={row.key}
className="flex items-center gap-2"
className="flex items-center gap-1 sm:gap-2"
>
<div
className={cn(
@@ -340,7 +340,7 @@ export function BudgetRowsFields({
>
<BudgetRowUnitSelect
{...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
className="w-px shrink-0 bg-border"
@@ -353,7 +353,7 @@ export function BudgetRowsFields({
</div>
<BudgetRowPeriodSelect
{...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
type="button"