southseact-3d/shopify-ai-backup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
southseact-3d
2026-02-12 10:48:27 +00:00
parent f61ade810a
commit c762470fa9
1 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
chat/public/topup.html
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>
@@ -21,10 +21,9 @@
tailwind.config = { tailwind.config = {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
sans: ['Inter', 'sans-serif'], sans: ['Inter', 'sans-serif'],
display: ['Space Grotesk', 'sans-serif'], },
},
colors: { colors: {
brand: { brand: {
50: '#f0fdf4', 50: '#f0fdf4',
@@ -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%);
@@ -376,17 +375,19 @@
.payment-modal { .payment-modal {
background: #fff; background: #fff;
border-radius: 12px; border-radius: 12px;
width: 95vw; width: 95vw;
max-width: 1100px; max-width: 1100px;
max-height: 96vh; max-height: 96vh;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
transform: scale(0.95) translateY(8px); transform: scale(0.95) translateY(8px);
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
display: flex; display: flex;
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;