From 50589a76e23e529ca7242cf0ab308bdeb94016b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 20 May 2024 13:29:33 +0200
Subject: [PATCH] Set hero image full width

---
 docs/.vuepress/styles/palette.scss | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

diff --git a/docs/.vuepress/styles/palette.scss b/docs/.vuepress/styles/palette.scss
index c10cf9b..fbbdb8a 100644
--- a/docs/.vuepress/styles/palette.scss
+++ b/docs/.vuepress/styles/palette.scss
@@ -22,6 +22,10 @@ $text-color: (
   dark: #b3b3b3,
 );
 
+html {
+  margin: 0;
+};
+
 body {
   font-family: 'Noto Sans';
 };
@@ -30,6 +34,16 @@ h1, h2, h3, h4 {
   font-family: 'Noto Sans Bold';
 };
 
+.theme-hope-content {
+  width: 100%;
+  margin: 0;
+}
+
+.theme-hope-content:not(.custom) {
+  max-width: max-content;
+  padding: 0;
+}
+
 .theme-hope-content Button {
   font-size: 1.1em;
   color: var(--text-color);
@@ -89,13 +103,9 @@ h1, h2, h3, h4 {
 }
 
 .hero-container {
-  width: auto;
   background-image: linear-gradient(#282a82, #5e0d46);
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin-bottom: 1rem;
+  width: 100%;
+  margin-bottom: 0.5rem;
   color: #eee;
 }