Gradient spans the entire html component instead of body

skydread1 · Apr 21, 2024 · 85632e3 · 85632e3
1 parent e4f2748
commit 85632e3
Showing 1 changed file with 6 additions and 13 deletions.
diff --git a/resources/public/css/style.css b/resources/public/css/style.css
@@ -53,26 +53,20 @@
 
 html {
     font-family: Helvetica, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
-}
-
-body {
-    min-height: 100vh;
-    color: var(--text-secondary-color);
-}
-
-body,
-header {
     background-image: linear-gradient(to right, var(--bg-secondary-color) 15%, var(--bg-primary-color) 85%);
 }
 
 @media(max-width: 1024px) {
-
-    body,
-    header {
+    html {
         background-image: linear-gradient(to right, var(--bg-secondary-color), var(--bg-primary-color));
     }
 }
 
+body {
+    min-height: 100vh;
+    color: var(--text-secondary-color);
+}
+
 /* header section footer */
 
 header,
@@ -334,7 +328,6 @@ svg:hover {
 /* Header */
 
 header {
-    position: sticky;
     top: 0;
     z-index: 1;
     margin: auto;