Aplicoop desde el repo de kidekoop

2026-02-11 15:32:11 +01:00 · 2026-02-11 15:32:11 +01:00 · 7cff89e418
commit 7cff89e418
parent 69917d1ec2
93 changed files with 313992 additions and 0 deletions
--- a/website_sale_aplicoop/static/src/css/sections/checkout.css
+++ b/website_sale_aplicoop/static/src/css/sections/checkout.css
@ -0,0 +1,127 @@
+/* filepath: website_sale_aplicoop/static/src/css/sections/checkout.css */
+
+/**
+ * Checkout page section styles
+ */
+
+.checkout-container {
+    background-color: white;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
+}
+
+.checkout-summary {
+    background-color: #f8f9fa;
+    padding: 1.5rem;
+    border-radius: 0.5rem;
+    margin-bottom: 2rem;
+}
+
+.checkout-summary-container {
+    background: white;
+    border-radius: 0.75rem;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    padding: 1.5rem;
+    margin-bottom: 2rem;
+}
+
+.checkout-summary-table {
+    margin-bottom: 0;
+    font-size: 1.15rem;
+}
+
+.checkout-summary-table thead {
+    background-color: #2d3748;
+    color: white;
+}
+
+.checkout-summary-table thead th {
+    font-weight: 700;
+    padding: 1rem 0.75rem;
+    text-transform: uppercase;
+    font-size: 1rem;
+    letter-spacing: 0.5px;
+    border: none;
+}
+
+.checkout-summary-table tbody tr {
+    border-bottom: 1px solid #e2e8f0;
+    transition: background-color 0.2s ease;
+}
+
+.checkout-summary-table tbody tr:hover {
+    background-color: #f7fafc;
+}
+
+.checkout-summary-table tbody td {
+    padding: 1rem 0.75rem;
+    vertical-align: middle;
+}
+
+.checkout-summary-table .col-name {
+    width: 50%;
+}
+
+.checkout-summary-table .col-qty {
+    width: 15%;
+}
+
+.checkout-summary-table .col-price {
+    width: 18%;
+}
+
+.checkout-summary-table .col-subtotal {
+    width: 17%;
+}
+
+.checkout-summary-table .empty-message {
+    background-color: #f7fafc;
+}
+
+.checkout-total-section {
+    border-top: 2px solid #e2e8f0;
+    padding-top: 1.5rem;
+    margin-top: 1rem;
+}
+
+.total-row {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 1rem;
+}
+
+.total-label {
+    font-weight: 700;
+    font-size: 1.2rem;
+    color: #1a202c;
+}
+
+.total-amount {
+    font-size: 2rem;
+    font-weight: 700;
+    color: var(--success-color);
+    min-width: 120px;
+    text-align: right;
+}
+
+.currency {
+    font-size: 1.2rem;
+    color: #2d3748;
+    font-weight: 600;
+}
+
+.summary-heading {
+    font-size: 1.75rem;
+    font-weight: 700;
+    color: #1a202c;
+    border-left: 4px solid var(--success-color);
+    padding-left: 1rem;
+}
+
+.checkout-order-desc {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    color: #666;
+}