Fix topup page header styling to match settings.html
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user