Align topup.html fonts with home.html: remove Space Grotesk, use Inter only

This commit is contained in:
southseact-3d
2026-02-12 10:48:27 +00:00
parent f61ade810a
commit c762470fa9

View File

@@ -8,7 +8,7 @@
<link rel="icon" type="image/png" href="/assets/Plugin.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- Dodo Payments Inline Checkout SDK -->
<script src="https://cdn.jsdelivr.net/npm/dodopayments-checkout@latest/dist/index.js"></script>
@@ -21,10 +21,9 @@
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'sans-serif'],
display: ['Space Grotesk', 'sans-serif'],
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
colors: {
brand: {
50: '#f0fdf4',
@@ -64,7 +63,7 @@
body {
margin: 0;
font-family: 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
background: radial-gradient(circle at 10% 20%, rgba(0, 128, 96, 0.06), transparent 25%),
radial-gradient(circle at 90% 10%, rgba(0, 76, 63, 0.05), transparent 28%),
linear-gradient(135deg, #f7f9fb 0%, #edf1f5 100%);
@@ -376,17 +375,19 @@
.payment-modal {
background: #fff;
border-radius: 12px;
width: 95vw;
max-width: 1100px;
max-height: 96vh;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
transform: scale(0.95) translateY(8px);
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
display: flex;
flex-direction: column;
overflow: hidden;
height: auto;
border-radius: 12px;
width: 95vw;
max-width: 1100px;
max-height: 96vh;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
transform: scale(0.95) translateY(8px);
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
display: flex;
flex-direction: column;
overflow: hidden;
height: auto;
}
.payment-modal-overlay.active .payment-modal {
transform: scale(1) translateY(0);
}
@@ -497,7 +498,7 @@
}
.brand-text {
font-family: 'Space Grotesk', sans-serif;
font-family: 'Inter', sans-serif;
font-size: 20px;
font-weight: 600;
color: #1a1a1a;