Arrelin/family_budget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Arrelin:0451bdc6c660306199d2578c5cf8449d3ee5606f
Branches Tags
Arrelin:master Arrelin:update-categories Arrelin:feature/change-categories Arrelin:bugfix/iro4ka Arrelin:feature/new-sort Arrelin:feature/new-deploy Arrelin:feature/history Arrelin:arrelin-patch-2 Arrelin:arrelin-patch-1 Arrelin:refactor/frontend-code-quality Arrelin:bugfix/revert
..
compare: Arrelin:3fabc762fd142399b5706cb97ed2b4b2c796f87e
Branches Tags
Arrelin:master Arrelin:update-categories Arrelin:feature/change-categories Arrelin:bugfix/iro4ka Arrelin:feature/new-sort Arrelin:feature/new-deploy Arrelin:feature/history Arrelin:arrelin-patch-2 Arrelin:arrelin-patch-1 Arrelin:refactor/frontend-code-quality Arrelin:bugfix/revert

2 Commits
0451bdc6c6 ... 3fabc762fd

Author SHA1 Message Date
Arrelin
3fabc762fd Merge pull request 'fix: improve purchased items visibility on dark theme' (#9) from bugfix/darktheme into master
All checks were successful
Build and Publish Images / build-and-push (push) Successful in 12s
Details 
Reviewed-on: http://192.168.31.100:3847/Arrelin/family_budget/pulls/9
 2026-01-23 17:47:10 +00:00
arrelin
4ec3b12d03 fix: improve purchased items visibility on dark theme 
Use custom .shopping-purchased class for purchased items
in shopping list. Now purchased items have proper background
on both light and dark themes.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
 2026-01-23 20:46:01 +03:00
2 changed files with 11 additions and 1 deletions
Expand all files Collapse all files

2
frontend/src/components/ShoppingListModal.tsx
View File

@@ -302,7 +302,7 @@ export default function ShoppingListModal({ familyId, onClose }: ShoppingListMod
{purchasedItems.map((item) => ( {purchasedItems.map((item) => (
<div <div
key={item.id} key={item.id}
className="bg-green-50 p-4 rounded-2xl border-2 border-green-200" className="shopping-purchased p-4 rounded-2xl border-2"
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">

10
frontend/src/index.css
View File

@@ -191,6 +191,16 @@
border-color: rgba(139, 92, 246, 0.5); border-color: rgba(139, 92, 246, 0.5);
} }
.shopping-purchased {
background-color: rgb(240, 253, 244);
border-color: rgb(187, 247, 208);
}
[data-theme="dark"] .shopping-purchased {
background-color: rgba(34, 197, 94, 0.15);
border-color: rgba(34, 197, 94, 0.4);
}
.animate-fadeIn { .animate-fadeIn {
animation: fadeIn 0.2s ease-in-out; animation: fadeIn 0.2s ease-in-out;
} }