tweeks textItem. fixes dynamic style issue v2

Samfundet · Sep 21, 2023 · 550e8a3 · 550e8a3
1 parent a93783a
commit 550e8a3
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 7 deletions.
diff --git a/frontend/src/Components/SultenCard/SultenCard.module.scss b/frontend/src/Components/SultenCard/SultenCard.module.scss
@@ -7,7 +7,7 @@
   background-color: $black;
   border-radius: 0.5em;
   gap: 1em;
-
+  padding: 1.5em;
   @include for-mobile-down {
     @include flex-column;
     padding-bottom: 2em;
@@ -19,7 +19,7 @@
   background-color: $black;
   border-radius: 0.5em;
   gap: 1em;
-
+  padding: 1.5em;
   @include for-mobile-down {
     @include flex-column;
   }
@@ -44,6 +44,7 @@
 .smallcard_image {
   height: 15em;
   width: 25%;
+  max-width: 15em;
   display: inline-block;
   flex: 1;
   border-radius: 0.5em;
@@ -52,7 +53,7 @@
 
   @include for-mobile-down {
     width: 100%;
-    max-height: 10em;
+    max-height: 5em;
     display: block;
     object-position: center;
   }
@@ -62,9 +63,10 @@
   @include flex-column-center;
   flex: 1;
   text-align: center;
+  max-width: 30vw;
 
   @include for-mobile-down {
-    width: 100%;
+    max-width: 80vw;
   }
 }
 

diff --git a/frontend/src/Pages/LycheAboutPage/LycheAboutPage.module.scss b/frontend/src/Pages/LycheAboutPage/LycheAboutPage.module.scss
@@ -5,12 +5,13 @@
 .container {
   width: 100%;
   height: 100%;
-  margin: $sulten-navbar-height/2 0 $sulten-navbar-height/2 0; //this looked the best
+  margin: $sulten-navbar-height/4 0 $sulten-navbar-height/4 0; //this looked the best
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: 10;
+  @include flex-column-center;
   @include for-mobile-down {
     margin-top: $sulten-navbar-height;
   }

diff --git a/frontend/src/constants/TextItems.ts b/frontend/src/constants/TextItems.ts
@@ -14,7 +14,7 @@ export const TextItem = {
   sulten_about_us_text: 'sulten_about_us_text',
   sulten_contact_text: 'sulten_contact_text',
   sulten_about_page_text: 'sulten_about_page_text',
-  sulten_what_is_lyche_text: 'sulten_what_is_lyche',
+  sulten_what_is_lyche_text: 'sulten_what_is_lyche_text',
   sulten_lyche_goal_text: 'sulten_lyche_goal_text',
-  sulten_lyche_about_menu_text: 'sulten_lyche_about_menu',
+  sulten_lyche_about_menu_text: 'sulten_lyche_about_menu_text',
 } as const;