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="icon" type="image/png" href="/assets/Plugin.png">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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 --> <!-- Dodo Payments Inline Checkout SDK -->
<script src="https://cdn.jsdelivr.net/npm/dodopayments-checkout@latest/dist/index.js"></script> <script src="https://cdn.jsdelivr.net/npm/dodopayments-checkout@latest/dist/index.js"></script>
@@ -23,7 +23,6 @@
extend: { extend: {
fontFamily: { fontFamily: {
sans: ['Inter', 'sans-serif'], sans: ['Inter', 'sans-serif'],
display: ['Space Grotesk', 'sans-serif'],
}, },
colors: { colors: {
brand: { brand: {
@@ -64,7 +63,7 @@
body { body {
margin: 0; 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%), 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%), radial-gradient(circle at 90% 10%, rgba(0, 76, 63, 0.05), transparent 28%),
linear-gradient(135deg, #f7f9fb 0%, #edf1f5 100%); linear-gradient(135deg, #f7f9fb 0%, #edf1f5 100%);
@@ -387,6 +386,8 @@
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
height: auto; height: auto;
}
.payment-modal-overlay.active .payment-modal { .payment-modal-overlay.active .payment-modal {
transform: scale(1) translateY(0); transform: scale(1) translateY(0);
} }
@@ -497,7 +498,7 @@
} }
.brand-text { .brand-text {
font-family: 'Space Grotesk', sans-serif; font-family: 'Inter', sans-serif;
font-size: 20px; font-size: 20px;
font-weight: 600; font-weight: 600;
color: #1a1a1a; color: #1a1a1a;