style: style of pages

Author: NoeTerrier

app/src/styles/404.module.scss

@@ -24,8 +24,7 @@
     row-gap: 1rem;
 
     padding: 3rem;
-
-    border-radius: 3rem;
+    border-radius: vairables.$border-radius;
 
     height: fit-content;
 

app/src/styles/CommissionCard.module.scss

@@ -11,7 +11,7 @@
   background-color: variables.$white-background-color;
   flex-direction: column;
 
-  border-radius: 3rem;
+  border-radius: variables.$border-radius;
   box-shadow: 0 4px 30px rgba(0, 0, 100, 0.3);
 
   width: 100%;

app/src/styles/Gallery.module.scss

@@ -35,7 +35,7 @@
     .image {
       height: 100%;
       width: 100%;
-      border-radius: 1rem;
+      border-radius: variables.$small-border-radius;
       overflow: hidden;
       box-shadow: 0 4px 30px rgba(0, 0, 100, 0.3);
 

app/src/styles/ListPage.module.scss

@@ -19,8 +19,9 @@
   width: 80%;
 
   margin-top: variables.$navbar-height;
+  margin-bottom: 5rem;
   padding: 2rem;
-  border-radius: 3rem;
+  border-radius: variables.$border-radius;
 
   .title {
     display: inline-flex;

app/src/styles/MembersList.module.scss

@@ -8,7 +8,7 @@
 
   padding-bottom: 2rem;
 
-  border-radius: 3rem;
+  border-radius: variables.$border-radius;
   background-color: variables.$white-background-color;
 
   h1 {

app/src/styles/NewsCard.module.scss

@@ -2,7 +2,7 @@
 
 .newsCard {
   background-color: variables.$white-background-color;
-  border-radius: 3rem;
+  border-radius: variables.$border-radius;
 
   height: 100%;
 

app/src/styles/Page.module.scss

@@ -47,7 +47,6 @@
   min-width: 100vw;
 
   padding-top: 3rem;
-  padding-bottom: 4rem;
 
   display: flex;
   flex-direction: column;
@@ -60,7 +59,7 @@
     width: 100%;
     height: 20rem;
 
-    border-radius: 3rem;
+    border-radius: variables.$border-radius;
     overflow: hidden;
 
     margin: 0;

app/src/styles/utilities/_variables.scss

@@ -12,4 +12,8 @@ $dark-title-color: #273183;
 $glass-color: rgba(100, 100, 255, 0.75);
 $glass-color-hover: rgba(122, 122, 238, 0.75);
 
+$border-radius: 3rem;
+
+$small-border-radius: 1rem;
+
 $navbar-height: 4rem;