style: add decoration in homepage

clicepfl · Mar 17, 2024 · 4805b7f · 4805b7f
1 parent feab349
commit 4805b7f
Show file tree

Hide file tree

Showing 4 changed files with 86 additions and 1 deletion.
diff --git a/app/src/assets/decoration.svg b/app/src/assets/decoration.svg
diff --git a/app/src/pages/index.tsx b/app/src/pages/index.tsx
@@ -1,3 +1,4 @@
+import Decoration from "@/assets/decoration.svg";
 import PreviewImage from "@/assets/galleryPreview.png";
 import AssociationDescription from "@/components/AssociationDescription";
 import DirectusImage from "@/components/DirectusImage";
@@ -54,6 +55,8 @@ export default function Home(
         publicFiles={props.publicFiles}
       />
 
+      <Decoration className={styles.decoration} />
+
       <MembersList membership={props.committee} />
     </>
   );

diff --git a/app/src/styles/Homepage.module.scss b/app/src/styles/Homepage.module.scss
@@ -66,3 +66,9 @@
     padding-right: 5rem;
   }
 }
+
+.decoration {
+  transform: translateY(-1px);
+  width: 100%;
+  height: auto;
+}
diff --git a/app/src/styles/MembersList.module.scss b/app/src/styles/MembersList.module.scss
@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   row-gap: 1em;
-  margin-top: 5rem;
+  margin-top: 3rem;
 
   width: 80%;