Run linting

vkoves · Sep 1, 2024 · 2df5b83 · 2df5b83
1 parent 3438711
commit 2df5b83
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 27 deletions.
diff --git a/src/components/DataDisclaimer.vue b/src/components/DataDisclaimer.vue
@@ -54,6 +54,7 @@ export default class DataDisclaimer extends Vue {
 
 <style lang="scss">
 .data-disclaimer {
+  margin-top: 1rem;
   margin-bottom: 1rem;
   font-size: 0.825rem;
 

diff --git a/src/components/layout/AppFooter.vue b/src/components/layout/AppFooter.vue
@@ -14,25 +14,25 @@ export default class AppFooter extends Vue {
 <template>
   <footer>
     <div class="constrained">
-          <div>
-            Created with <span class="heart">&#x2764;</span> by
-            <a href="https://github.com/vkoves/electrify-chicago/graphs/contributors">volunteers</a>
-            in Chicago
-        </div>
+      <div>
+        Created with <span class="heart">&#x2764;</span> by
+        <a href="https://github.com/vkoves/electrify-chicago/graphs/contributors">volunteers</a>
+        in Chicago
+      </div>
 
-        <div>
-            <a
-            href="https://github.com/vkoves/electrify-chicago"
-            class="github-link"
-            >
-            <img
+      <div>
+        <a
+          href="https://github.com/vkoves/electrify-chicago"
+          class="github-link"
+        >
+          <img
             alt=""
             src="/github-mark.svg"
             width="16"
-            >
-            Contribute to Electrify Chicago on GitHub
+          >
+          Contribute to Electrify Chicago on GitHub
         </a>
-    </div>
+      </div>
     </div>
   </footer>
 </template>

diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
@@ -12,7 +12,7 @@ export default class AppHeader extends Vue {
 
 
 
-  mobileMenuOpen: boolean = false;
+  mobileMenuOpen = false;
 
   focusMain(): void {
     const mainHeading = document.getElementById('main-content');
@@ -59,14 +59,24 @@ export default class AppHeader extends Vue {
         >
       </g-link>
 
-      <button class="mobile-menu-toggle -grey mobile-only"
+      <button
+        class="mobile-menu-toggle -grey mobile-only"
         :aria-expanded="mobileMenuOpen.toString()"
-        @click="toggleMobileMenu">
-        <img src="/menu.svg" alt="Menu" width="30" height="30">
+        @click="toggleMobileMenu"
+      >
+        <img
+          src="/menu.svg"
+          alt="Menu"
+          width="30"
+          height="30"
+        >
       </button>
     </div>
 
-    <nav class="top-nav" :class="{ '-hidden': !mobileMenuOpen }">
+    <nav
+      class="top-nav"
+      :class="{ '-hidden': !mobileMenuOpen }"
+    >
       <g-link
         class="nav-link"
         to="/"
@@ -144,9 +154,12 @@ export default class AppHeader extends Vue {
             type="submit"
             @click="submitSearch"
           >
-            <img src="/search.svg" alt=""
+            <img
+              src="/search.svg"
+              alt=""
               width="18"
-              height="18">
+              height="18"
+            >
             Search
           </button>
         </div>

diff --git a/src/pages/Search.vue b/src/pages/Search.vue
@@ -185,8 +185,8 @@ export default class Search extends Vue {
       </h1>
 
       <p>
-        Search all of Chicago's benchmarked buildings by name or type! Note that results are limited to the first {{ MaxBuildings }}
-        matches.
+        Search all of Chicago's benchmarked buildings by name or type! Note that results are limited
+        to the first {{ MaxBuildings }} matches.
       </p>
 
       <DataDisclaimer />
@@ -226,7 +226,12 @@ export default class Search extends Vue {
           class="-grey"
           @click="submitSearch"
         >
-          <img src="/search.svg" alt="" width="15" height="15">
+          <img
+            src="/search.svg"
+            alt=""
+            width="15"
+            height="15"
+          >
           Search
         </button>
       </form>
@@ -303,8 +308,6 @@ export default class Search extends Vue {
     }
   }
 
-  .data-disclaimer { margin-top: 1rem; }
-
   .no-results-msg {
     background-color: $grey;
     padding: 1rem;

diff --git a/src/scss/global.scss b/src/scss/global.scss
@@ -48,7 +48,7 @@ h1, h2, h3, h4, h5, h6 {
  * Mobile Font Size Overrides
  */
 @media (max-width: $mobile-max-width) {
-  h1 { font-size: 2rem; }
+  h1 { font-size: 1.75rem; }
   h2 { font-size: 1.25rem; }
 
   p { font-size: 0.75rem; }