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

Merge pull request #304 from RecentRunner/web-coupons

Browse Source 
web coupons
This commit was merged in pull request #304.
This commit is contained in:
Harkamal
2026-04-15 01:39:43 -06:00
committed by GitHub
parent cae0f23522 da115fd824
commit 47f60dc309
10 changed files with 295 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
web/app/globals.css
View File

@@ -2379,13 +2379,93 @@ 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-points-estimate {
background: #fffbeb;
border: 1px solid #fde68a;
color: #92400e;
border-radius: 8px;
padding: 0.5rem 0.85rem;
font-size: 0.85rem;
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;
@@ -2411,12 +2491,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;