fix: formatting of EsFooter

EnergySage · Sep 19, 2024 · 9eac435 · 9eac435
1 parent 452789a
commit 9eac435
Showing 1 changed file with 17 additions and 10 deletions.
diff --git a/es-ds-components/components/es-footer.vue b/es-ds-components/components/es-footer.vue
@@ -21,17 +21,19 @@ export default {
         <div class="bg-blue-900 text-white py-200 py-lg-300 px-200">
             <div class="container px-0">
                 <div class="row">
-                    <div class="col col-12 col-md-5 col-lg-4 font-size-200 font-size-md-400 font-weight-bold mb-150 mb-md-0">
+                    <div
+                        class="col col-12 col-md-5 col-lg-4 font-size-200 font-size-md-400 font-weight-bold mb-150 mb-md-0">
                         {{ content.banner.headline }}
-                        <br>
+                        <br />
                         {{ content.banner.subHeadline }}
                     </div>
                     <div class="col col-12 col-md-7 col-lg-8">
                         {{ content.banner.body }}
                     </div>
                 </div>
             </div>
-        </div>  <!-- Make an impact -->
+        </div>
+        <!-- Make an impact -->
         <div class="bg-blue-800 py-200 pt-lg-200 pb-lg-150 px-200">
             <div class="container px-0">
                 <div class="row">
@@ -60,7 +62,8 @@ export default {
                                 </ul>
                             </div>
                         </div>
-                    </div>  <!-- Link columns -->
+                    </div>
+                    <!-- Link columns -->
                     <!-- Logo and Social-->
                     <div class="col col-12 col-lg-4 order-lg-0">
                         <es-nav-bar-link
@@ -85,8 +88,10 @@ export default {
                                 <span class="sr-only">{{ iconLink.text }}</span>
                                 <component :is="iconLink.icon" />
                             </es-nav-bar-link>
-                        </div>  <!-- Social icons -->
-                    </div>  <!-- Logo and Social -->
+                        </div>
+                        <!-- Social icons -->
+                    </div>
+                    <!-- Logo and Social -->
                 </div>
             </div>
         </div>
@@ -101,7 +106,7 @@ export default {
                 </p>
                 <!-- Trademark Info -->
                 <!-- Legal -->
-                <hr class="border-top border-blue-500 m-0">
+                <hr class="border-top border-blue-500 m-0" />
                 <div class="row justify-content-center pt-100">
                     <div
                         v-for="link in content.legalLinks"
@@ -113,7 +118,8 @@ export default {
                             {{ link.text }}
                         </es-nav-bar-link>
                     </div>
-                </div>  <!-- Legal -->
+                </div>
+                <!-- Legal -->
             </div>
         </div>
         <div class="bg-blue-50 px-200 py-100">
@@ -127,7 +133,7 @@ export default {
                         aria-hidden="true"
                         class="mr-100 mb-100 mb-lg-0"
                         width="99"
-                        height="24">
+                        height="24" />
                     <p class="mb-0 font-size-75 font-weight-normal font-weight-lg-semibold">
                         <es-nav-bar-link
                             :href="content.departmentOfEnergy.learnMore.link"
@@ -136,7 +142,8 @@ export default {
                             {{ content.departmentOfEnergy.learnMore.text }}
                         </es-nav-bar-link>
                     </p>
-                </div>  <!-- DOE -->
+                </div>
+                <!-- DOE -->
             </div>
         </div>
     </div>