put new links in the footer

teia-community · Feb 11, 2025 · c72432c · c72432c
1 parent c415578
commit c72432c
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 24 deletions.
diff --git a/src/components/footer/index.module.scss b/src/components/footer/index.module.scss
@@ -41,7 +41,6 @@
   @include respond-to('tablet') {
     grid-template-rows: none;
     grid-template-areas: 'Logo Copyright Menu Tools';
-    grid-template-columns: 1fr 2fr repeat(2, 1fr);
   }
 }
 
@@ -71,7 +70,12 @@
   text-align: left;
   align-items: flex-start;
 }
-
+.menu_label_row {
+  display: inline-block;
+  margin-right: 1em;
+  font-size: $font-small;
+  text-decoration: underline;
+}
 .address {
   color: var(--gray-20);
 }

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
@@ -76,8 +76,33 @@ export const Footer = ({ menu, pin }: FooterProps) => {
             </Button>
           )}
         </div>
-
-        <div className={styles.copyright}>{language.footer.mint}</div>
+        <div className={styles.copyright}>
+          <div>
+          {language.footer.mint}
+          </div>
+          <div>
+          <MenuItem
+            className={styles.menu_label_row}
+            label="Core Values"
+            route="corevalues"
+          />
+          <MenuItem
+            className={styles.menu_label_row}
+            label="Code of Conduct"
+            route="codeofconduct"
+          />
+          <MenuItem
+            className={styles.menu_label_row}
+            label="Terms and Conditions"
+            route="terms"
+          />
+          <MenuItem
+            className={styles.menu_label_row}
+            label="Privacy Policy"
+            route="privacypolicy"
+          />
+          </div>
+        </div>
         {menu && (
           <>
             <div className={styles.menus}>

diff --git a/src/components/header/main_menu/MainMenu.jsx b/src/components/header/main_menu/MainMenu.jsx
@@ -39,26 +39,6 @@ export const MainMenu = () => {
             label="Getting Started"
             route="faq"
           />
-          <MenuItem
-            className={styles.menu_label}
-            label="Core Values"
-            route="corevalues"
-          />
-          <MenuItem
-            className={styles.menu_label}
-            label="Code of Conduct"
-            route="codeofconduct"
-          />
-          <MenuItem
-            className={styles.menu_label}
-            label="Terms and Conditions"
-            route="terms"
-          />
-          <MenuItem
-            className={styles.menu_label}
-            label="Privacy Policy"
-            route="privacypolicy"
-          />
         </div>
         <Line className={styles.line} vertical />
         <div className={styles.menu_right}>