fix(Header): improve padding and logo alignment

move-fast-and-break-things · Nov 9, 2024 · b9222f7 · b9222f7
1 parent c3c3e3f
commit b9222f7
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/GlobalHeader.vue b/components/GlobalHeader.vue
@@ -21,7 +21,7 @@ const onCloseAboutModal = () => {
 </script>
 
 <template>
-  <header class="p-4 flex flex-row items-center justify-between">
+  <header class="px-4 py-2 flex flex-row items-center justify-between h-18">
     <div class="flex flex-row items-center gap-3 text-slate-900 text-3xl font-['Retropix']">
       <a href="/">
         <img
@@ -30,7 +30,7 @@ const onCloseAboutModal = () => {
           width="42px"
         >
       </a>
-      <div class="flex flex-row items-center gap-2 mt-[4px]">
+      <div class="flex flex-row items-center gap-2 mt-[8px]">
         <h2 v-if="subtitle">
           {{ subtitle }}
         </h2>