website: add header padding

vikejs · Oct 23, 2024 · 74242e1 · 74242e1
1 parent c1ddb61
commit 74242e1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/docs/pages/index/Header.tsx b/docs/pages/index/Header.tsx
@@ -16,7 +16,9 @@ function Header() {
         alignItems: 'center',
         justifyContent: 'center',
         width: '100%',
-        backgroundColor: 'var(--bg-color)'
+        backgroundColor: 'var(--bg-color)',
+        paddingLeft: 'var(--main-view-padding)',
+        paddingRight: 'var(--main-view-padding)'
       }}
     >
       <a

diff --git a/docs/pages/index/HeaderLayout.css b/docs/pages/index/HeaderLayout.css
@@ -21,7 +21,7 @@
     font-size: 1.4em;
   }
 }
-@container(max-width: 719px) {
+@container(max-width: 759px) {
   #header-container {
     flex-direction: column;
     text-align: center;
@@ -45,7 +45,7 @@
     margin-bottom: 10px;
   }
 }
-@container(max-width: 450px) {
+@container(max-width: 479px) {
   #header-container h1 {
     font-size: 2.4em;
   }