kediritechnopark/checkout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ok

Browse Source
This commit is contained in:
Vassshhh
2025-08-25 03:47:25 +07:00
parent ec2eb0d619
commit aa75247bd0
2 changed files with 286 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/Checkout.module.css
View File

@@ -46,18 +46,20 @@
margin-bottom: 1rem;
}
.brand {
margin-top: 0;
font-size: 1.25rem;
font-weight: 800;
color: #2563eb;
}
.brandLight { font-weight: 500; }
.greeting { margin-top: .5rem; font-size: .875rem; color: #374151; }
.greeting { text-align: left; margin-top: .5rem; font-size: .875rem; color: #374151; }
.orderInfo { text-align: right; font-size: .875rem; color: #6b7280; }
.invoiceLabel { font-size: 1rem; color: #4b5563; }
.orderMeta { margin-top: .125rem; }
/* Table */
.table {
text-align: left;
width: 100%;
border-collapse: collapse;
margin-top: .5rem;
@@ -67,7 +69,6 @@
.table th, .table td { padding: .75rem 0; }
.table th {
border-bottom: 1px solid #d1d5db;
text-align: left;
color: #374151;
font-weight: 600;
}
@@ -210,3 +211,87 @@
@media (max-width: 767px) {
.checkoutCard { flex-direction: column; }
}
.selectPayment {
width: 100%;
padding: 10px;
font-size: 16px;
border-radius: 6px;
border: 1px solid #ccc;
margin-top: 8px;
margin-bottom: 16px;
}
.selectPaymentModern {
width: 100%;
padding: 0.65rem 1rem;
font-size: 1rem;
border-radius: 0.5rem;
border: 1px solid #d1d5db;
background-color: #f9fafb;
appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1rem;
cursor: pointer;
}
.selectPaymentModern:focus {
outline: none;
border-color: #3b82f6;
background-color: #fff;
}
.transferBox {
margin-top: 2rem;
padding: 1.5rem;
border: 1px solid #e5e7eb;
border-radius: 0.5rem;
background: #f9fafb;
text-align: left;
}
.transferBox span {
text-align: right;
}
.transferTitle {
font-size: 1.125rem;
font-weight: 700;
margin-bottom: 1rem;
color: #111827;
}
.transferRow {
display: flex;
justify-content: space-between;
padding: 0.5rem 0;
border-bottom: 1px dashed #d1d5db;
font-size: 0.95rem;
color: #374151;
}
.transferRow:last-child {
border-bottom: none;
}
.accordion {
border: 1px solid #ccc;
border-radius: 4px;
margin-bottom: 1rem;
overflow: hidden;
}
.accordionHeader {
background-color: #f5f5f5;
padding: 12px 16px;
cursor: pointer;
font-weight: bold;
transition: background 0.2s ease;
}
.accordionHeader:hover {
background-color: #e0e0e0;
}
.accordionBody {
padding: 16px;
background-color: #fff;
border-top: 1px solid #ddd;
}