Fix topup page header styling to match settings.html

This commit is contained in:
southseact-3d
2026-02-11 20:12:55 +00:00
parent 7d7388f571
commit a66c983360

View File

@@ -47,12 +47,15 @@
<style> <style>
:root { :root {
--green: #008060;
--green-dark: #004c3f;
--shopify-green: #008060; --shopify-green: #008060;
--shopify-green-dark: #004c3f; --shopify-green-dark: #004c3f;
--shopify-green-light: #e3f5ef; --shopify-green-light: #e3f5ef;
--border: #e5e7eb; --border: #e5e7eb;
--muted: #6b7280; --muted: #6b7280;
--bg: #f8fafc; --bg: #f8fafc;
--panel: #ffffff;
} }
* { * {
@@ -460,12 +463,9 @@
.nav-bar { .nav-bar {
background: white; background: white;
border-bottom: 1px solid #e5e7eb; border-bottom: 1px solid #e9ecef;
padding: 16px 24px; padding: 16px 24px;
margin-bottom: 40px; margin-bottom: 32px;
position: sticky;
top: 0;
z-index: 100;
} }
.nav-content { .nav-content {
@@ -487,7 +487,7 @@
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 10px; border-radius: 10px;
background: linear-gradient(135deg, var(--shopify-green), var(--shopify-green-dark)); background: linear-gradient(135deg, var(--green), var(--green-dark));
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;