nalalangan/grocery-app
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Allow household switcher reordering #3

Merged
nalalangan merged 8 commits from feature/household-reordering into feature-custom-store-locations 2026-05-31 00:26:48 -09:00
Conversation 0 Commits 8 Files Changed 21 +14 -2
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d271a0e34a - Show all commits

16
frontend/src/styles/pages/GroceryList.css
View File

@ -109,14 +109,14 @@
/* Classification Groups */ /* Classification Groups */
.glist-classification-group { .glist-classification-group {
margin-bottom: var(--spacing-xl); margin-bottom: 0;
} }
.glist-classification-header { .glist-classification-header {
font-size: var(--font-size-lg); font-size: var(--font-size-lg);
font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);
color: var(--color-primary); color: var(--color-primary);
margin: var(--spacing-md) 0 var(--spacing-sm) 0; margin: var(--spacing-md) 0 0 0;
padding: var(--spacing-sm) var(--spacing-md); padding: var(--spacing-sm) var(--spacing-md);
background: var(--color-primary-light); background: var(--color-primary-light);
border-left: var(--border-width-thick) solid var(--color-primary); border-left: var(--border-width-thick) solid var(--color-primary);
@ -232,6 +232,10 @@
margin-top: var(--spacing-md); margin-top: var(--spacing-md);
} }
.glist-classification-group .glist-ul {
margin-top: var(--spacing-xs);
}
.glist-li { .glist-li {
background: var(--color-bg-surface); background: var(--color-bg-surface);
border: var(--border-width-thin) solid var(--color-border-light); border: var(--border-width-thin) solid var(--color-border-light);
@ -247,6 +251,14 @@
transform: translateY(-2px); transform: translateY(-2px);
} }
.glist-classification-group .glist-li {
margin-bottom: var(--spacing-xs);
}
.glist-classification-group .glist-li:last-child {
margin-bottom: 0;
}
.glist-item-layout { .glist-item-layout {
display: flex; display: flex;
gap: 1em; gap: 1em;