chore: update
This commit is contained in:
@@ -1,3 +1,10 @@
|
||||
.form-prefill-hint {
|
||||
font-size: 0.75rem;
|
||||
color: #6ee7b7;
|
||||
margin: 0.3rem 0 0;
|
||||
opacity: 0.85;
|
||||
}
|
||||
|
||||
.checkout-container {
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
@@ -327,11 +334,11 @@
|
||||
background: rgba(0, 0, 0, 0.92);
|
||||
backdrop-filter: blur(10px);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
z-index: 10000;
|
||||
animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
padding: 1rem;
|
||||
padding: 2rem 1rem;
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
@@ -351,8 +358,6 @@
|
||||
border-radius: 20px;
|
||||
max-width: 600px;
|
||||
width: 100%;
|
||||
max-height: 90vh;
|
||||
overflow-y: auto;
|
||||
box-shadow: 0 25px 70px rgba(91, 33, 182, 0.5), 0 0 120px rgba(91, 33, 182, 0.3);
|
||||
animation: slideUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
position: relative;
|
||||
@@ -639,13 +644,12 @@
|
||||
|
||||
/* Modal responsive compacte */
|
||||
.confirmation-modal-overlay {
|
||||
padding: 0.75rem;
|
||||
align-items: center;
|
||||
padding: 1rem 0.75rem;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.confirmation-modal {
|
||||
max-width: 100%;
|
||||
max-height: 80vh;
|
||||
border-radius: 12px;
|
||||
border-width: 1px;
|
||||
}
|
||||
@@ -727,11 +731,10 @@
|
||||
|
||||
/* Modal encore plus compacte sur mobile */
|
||||
.confirmation-modal-overlay {
|
||||
padding: 0.5rem;
|
||||
padding: 0.75rem 0.5rem;
|
||||
}
|
||||
|
||||
.confirmation-modal {
|
||||
max-height: 85vh;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
@@ -972,3 +975,172 @@
|
||||
.referral-switch input:checked + .referral-switch-slider::before {
|
||||
transform: translateX(22px);
|
||||
}
|
||||
|
||||
/* ============================================ */
|
||||
/* PAIEMENT - Sélecteur de méthode */
|
||||
/* ============================================ */
|
||||
.payment-method-selector {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.payment-method-btn {
|
||||
flex: 1;
|
||||
padding: 0.75rem 1rem;
|
||||
border: 2px solid #2d2d2d;
|
||||
border-radius: 10px;
|
||||
background: #1a1a1a;
|
||||
color: #9ca3af;
|
||||
font-size: 0.95rem;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.payment-method-btn:hover {
|
||||
border-color: #4b5563;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.payment-method-btn.active {
|
||||
border-color: #f7931a;
|
||||
color: #f7931a;
|
||||
background: rgba(247, 147, 26, 0.08);
|
||||
}
|
||||
|
||||
/* ============================================ */
|
||||
/* CRYPTO - Sélecteur de monnaie */
|
||||
/* ============================================ */
|
||||
.crypto-currency-selector {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.crypto-currency-selector label {
|
||||
display: block;
|
||||
font-size: 0.85rem;
|
||||
color: #9ca3af;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.crypto-currency-grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.crypto-currency-btn {
|
||||
padding: 0.4rem 0.9rem;
|
||||
border: 2px solid #2d2d2d;
|
||||
border-radius: 8px;
|
||||
background: #1a1a1a;
|
||||
color: #9ca3af;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.crypto-currency-btn:hover {
|
||||
border-color: #4b5563;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.crypto-currency-btn.active {
|
||||
border-color: #f7931a;
|
||||
color: #f7931a;
|
||||
background: rgba(247, 147, 26, 0.08);
|
||||
}
|
||||
|
||||
.crypto-info-hint {
|
||||
font-size: 0.78rem;
|
||||
color: #6b7280;
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
|
||||
/* ============================================ */
|
||||
/* CRYPTO - Modal de paiement */
|
||||
/* ============================================ */
|
||||
.crypto-address-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
background: #111;
|
||||
border: 1px solid #2d2d2d;
|
||||
border-radius: 8px;
|
||||
padding: 0.75rem 1rem;
|
||||
margin-top: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.crypto-address {
|
||||
font-family: monospace;
|
||||
font-size: 0.78rem;
|
||||
color: #d1d5db;
|
||||
word-break: break-all;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.crypto-copy-btn {
|
||||
padding: 0.35rem 0.75rem;
|
||||
border: 1px solid #374151;
|
||||
border-radius: 6px;
|
||||
background: #1f2937;
|
||||
color: #9ca3af;
|
||||
font-size: 0.8rem;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.crypto-copy-btn:hover {
|
||||
background: #374151;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.crypto-equiv {
|
||||
color: #6b7280;
|
||||
font-size: 0.85rem;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
.crypto-status--waiting { color: #fbbf24; }
|
||||
.crypto-status--confirming { color: #60a5fa; }
|
||||
.crypto-status--confirmed,
|
||||
.crypto-status--finished { color: #34d399; }
|
||||
.crypto-status--failed,
|
||||
.crypto-status--expired { color: #f87171; }
|
||||
|
||||
.crypto-polling-info {
|
||||
text-align: center;
|
||||
color: #6b7280;
|
||||
font-size: 0.82rem;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.crypto-success-msg {
|
||||
text-align: center;
|
||||
color: #34d399;
|
||||
font-size: 0.9rem;
|
||||
padding: 0.75rem;
|
||||
background: rgba(52, 211, 153, 0.08);
|
||||
border-radius: 8px;
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.crypto-only-badge {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0.75rem 1rem;
|
||||
background: rgba(247, 147, 26, 0.08);
|
||||
border: 1px solid rgba(247, 147, 26, 0.3);
|
||||
border-radius: 10px;
|
||||
color: #f7931a;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user