#3948 more cleanup

kodadot · Oct 6, 2022 · 841b97f · 841b97f
1 parent 0496764
commit 841b97f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 25 deletions.
diff --git a/components/TheFooter.vue b/components/TheFooter.vue
@@ -3,9 +3,9 @@
     <div
       class="container is-flex is-align-items-start is-justify-content-space-between">
       <div class="footer-container-subs is-flex is-flex-direction-column">
-        <span class="footer-container-heading">{{
-          $t('footer.subscribe')
-        }}</span>
+        <h4 class="has-text-white subtitle is-5">
+          {{ $t('footer.subscribe') }}
+        </h4>
         <div class="is-flex is-align-items-center footer-container-subs-items">
           <div id="custom-substack-embed"></div>
 
@@ -25,20 +25,23 @@
         </div>
       </div>
       <div class="footer-container-info is-flex is-flex-direction-column">
-        <span class="footer-container-heading">KodaDot</span>
+        <h4 class="has-text-white subtitle is-5">KodaDot</h4>
         <div>
           <ul class="footer-container-info-list">
             <li
               v-for="item in menu"
               :key="item.url"
               class="footer-container-info-list-item">
-              <div v-if="item.external" class="is-flex is-align-items-center">
-                <a :href="item.url" target="_blank" rel="noopener noreferrer">
-                  {{ item.name }}
-                </a>
+              <a
+                v-if="item.external"
+                :href="item.url"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="is-flex is-align-items-center">
+                {{ item.name }}
                 <b-icon icon="external-link-alt" class="ml-1" size="is-small">
                 </b-icon>
-              </div>
+              </a>
               <nuxt-link v-else :to="item.url">
                 {{ item.name }}
               </nuxt-link>
@@ -47,8 +50,9 @@
         </div>
       </div>
       <div class="footer-container-socials is-flex is-flex-direction-column">
-        <span class="footer-container-heading">{{ $t('footer.join') }}</span>
-
+        <h4 class="has-text-white subtitle is-5">
+          {{ $t('footer.join') }}
+        </h4>
         <ul class="footer-container-socials-list is-flex">
           <li
             v-for="item in socials"

diff --git a/styles/layouts/_footer.scss b/styles/layouts/_footer.scss
@@ -65,18 +65,10 @@
     }
   }
 
-  &-heading {
-    font-size: 20px;
-    font-weight: 700;
-  }
-
   &-subs {
     @include mobile {
       align-items: center !important;
     }
-    &-items {
-      margin-top: 8px;
-    }
 
     &-btn {
       text-transform: capitalize;
@@ -102,7 +94,6 @@
   }
 
   &-info {
-    gap: 18px;
     @include mobile {
       align-items: center !important;
     }
@@ -113,10 +104,6 @@
       grid-gap: 10px;
 
       &-item {
-        &:hover {
-          color: $k-accentlight !important;
-        }
-
         a {
           color: $white !important;
           &:hover {
@@ -132,7 +119,6 @@
   }
 
   &-socials {
-    gap: 10px;
 
     &-list {
       cursor: pointer;