20
This commit is contained in:
parent
976b30c7f2
commit
1d6bd37049
@ -348,9 +348,26 @@ footer.bg-light {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
/* Category Filter Button Styles */
|
||||
#category-filters .btn {
|
||||
border-radius: 20px; /* Rounded corners */
|
||||
padding: 8px 20px;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
line-height: 1.5;
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: white;
|
||||
transition: background-color 0.2s ease;
|
||||
}
|
||||
|
||||
#category-filters .btn:hover {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
#category-filters .btn.active {
|
||||
background-color: #142E35;
|
||||
border-color: #142E35;
|
||||
background-color: #de4950; /* Coral red for active */
|
||||
border-color: #de4950;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@ -372,11 +389,6 @@ footer.bg-light {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#category-filters .btn {
|
||||
padding: 8px 15px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Shopping List Quantity Controls */
|
||||
.btn.btn-quantity-modifier {
|
||||
width: 32px;
|
||||
@ -483,4 +495,10 @@ footer.bg-light {
|
||||
padding-top: .375rem;
|
||||
padding-bottom: .375rem;
|
||||
}
|
||||
|
||||
/* Allow unit selector buttons to wrap in modals */
|
||||
.unit-selector {
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user