RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Coupon system working properly

Browse Source
This commit is contained in:
augmentedpotato
2026-04-15 00:54:46 -06:00
parent 7d3cc51c8f
commit 1636ba14b6
7 changed files with 263 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
web/app/globals.css
View File

@@ -2385,13 +2385,83 @@ body {
margin-top: 0.25rem;
}
.cart-total-prices {
display: flex;
align-items: center;
gap: 0.5rem;
}
.cart-total-original {
font-size: 0.95rem;
font-weight: 500;
color: #aaa;
text-decoration: line-through;
}
.cart-total-discounted {
color: #2e7d32;
}
.cart-savings-callout {
background: #f0fdf4;
border: 1px solid #bbf7d0;
color: #15803d;
border-radius: 8px;
padding: 0.5rem 0.85rem;
font-size: 0.88rem;
font-weight: 700;
text-align: center;
}
.cart-coupon-section {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.25rem;
}
.cart-coupon-applied {
display: flex;
align-items: center;
gap: 0.5rem;
}
.cart-coupon-badge {
display: inline-flex;
align-items: center;
background: #fff3e0;
color: #a65c00;
border: 1px solid #ffd180;
border-radius: 6px;
padding: 0.3rem 0.7rem;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cart-coupon-remove-btn {
background: none;
border: none;
color: #999;
font-size: 0.85rem;
cursor: pointer;
padding: 0.2rem 0.35rem;
border-radius: 4px;
line-height: 1;
transition: color 0.15s ease, background 0.15s ease;
}
.cart-coupon-remove-btn:hover:not(:disabled) {
color: #c0392b;
background: #fff0f0;
}
.cart-coupon-input-row {
display: flex;
gap: 0.5rem;
}
.cart-coupon-input {
flex: 1;
min-width: 0;
@@ -2417,12 +2487,31 @@ body {
font-weight: 700;
cursor: pointer;
transition: background 0.2s ease;
white-space: nowrap;
}
.cart-coupon-btn:hover:not(:disabled) {
background: #111;
}
.cart-coupon-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.cart-coupon-hint {
font-size: 0.78rem;
color: #888;
margin: 0;
}
.cart-coupon-success {
width: 100%;
font-size: 0.8rem;
color: #16a34a;
margin: 0;
}
.cart-coupon-error {
width: 100%;
font-size: 0.8rem;