added a gap between last card and bottom of page and removed useless …

…wrapper div
cthit · Sep 26, 2024 · 075c882 · 075c882
1 parent 75074ab
commit 075c882
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
@@ -22,14 +22,12 @@ const Home: NextPage = () => {
         <link rel="icon" href="/favicon.ico" />
       </Head>
 
-      <div className="backgroundcolor">
-        <Header categories={categories} show={show} setShow={setShow} />
-        <main>
-          {categories.map((service: Category) => (
-            <CategoryList categories={service} key={service.category} />
-          ))}
-        </main>
-      </div>
+      <Header categories={categories} show={show} setShow={setShow} />
+      <main>
+        {categories.map((service: Category) => (
+          <CategoryList categories={service} key={service.category} />
+        ))}
+      </main>
     </>
   );
 };

diff --git a/frontend/resources/styles/globals.scss b/frontend/resources/styles/globals.scss
@@ -21,6 +21,9 @@ html {
 body {
   margin: 0;
   padding: 0;
+  background-color: var(--site-background);
+  color: var(--text);
+  padding-bottom: 10vh;
   //background-color: #f0f0f0;
 }
 
@@ -267,6 +270,5 @@ button {
 
 /* dark mode och lightmode är samma bör göras till en klass */
 .backgroundcolor {
-  background-color: var(--site-background);
-    color: var(--text);
+
 }