From: Adam Dullage <redacted>
Date: Wed, 1 May 2024 20:19:42 +0000 (+0100)
Subject: Implement responsive logo and adjust navbar bottom margin
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=5a78f9005bccd551fe1483d24e970b84a75327dc;p=flatnotes.git

Implement responsive logo and adjust navbar bottom margin
---

diff --git a/client/components/Logo.vue b/client/components/Logo.vue
index e5facaa..7f56a7a 100644
--- a/client/components/Logo.vue
+++ b/client/components/Logo.vue
@@ -20,8 +20,9 @@
       viewBox="0 0 149 29"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      class="text-theme-text-muted ml-2"
-      >
+      class="ml-2 text-theme-text-muted"
+      :class="{ 'hidden sm:block': props.responsive }"
+    >
       <path
         d="M11.5057 8.36364V10.9205H0.920455V8.36364H11.5057ZM4.09091 28V5.65341C4.09091 4.52841 4.35511 3.59091 4.88352 2.84091C5.41193 2.09091 6.09801 1.52841 6.94176 1.15341C7.78551 0.778407 8.67614 0.590907 9.61364 0.590907C10.3551 0.590907 10.9602 0.650567 11.429 0.769886C11.8977 0.889203 12.2472 0.999999 12.4773 1.10227L11.608 3.71023C11.4545 3.65909 11.2415 3.59517 10.9688 3.51847C10.7045 3.44176 10.3551 3.40341 9.92045 3.40341C8.9233 3.40341 8.20313 3.65483 7.75994 4.15767C7.32528 4.66051 7.10795 5.39773 7.10795 6.36932V28H4.09091ZM18.7511 1.81818V28H15.734V1.81818H18.7511ZM30.0554 28.4602C28.8111 28.4602 27.6818 28.2259 26.6676 27.7571C25.6534 27.2798 24.848 26.5938 24.2514 25.6989C23.6548 24.7955 23.3565 23.7045 23.3565 22.4261C23.3565 21.3011 23.5781 20.3892 24.0213 19.6903C24.4645 18.983 25.0568 18.429 25.7983 18.0284C26.5398 17.6278 27.358 17.3295 28.2528 17.1335C29.1563 16.929 30.0639 16.767 30.9759 16.6477C32.169 16.4943 33.1364 16.3793 33.8778 16.3026C34.6278 16.2173 35.1733 16.0767 35.5142 15.8807C35.8636 15.6847 36.0384 15.3437 36.0384 14.858V14.7557C36.0384 13.4943 35.6932 12.5142 35.0028 11.8153C34.321 11.1165 33.2855 10.767 31.8963 10.767C30.456 10.767 29.3267 11.0824 28.5085 11.7131C27.6903 12.3437 27.1151 13.017 26.7827 13.733L23.919 12.7102C24.4304 11.517 25.1122 10.5881 25.9645 9.9233C26.8253 9.25 27.7628 8.78125 28.777 8.51705C29.7997 8.24432 30.8054 8.10795 31.794 8.10795C32.4247 8.10795 33.1491 8.18466 33.9673 8.33807C34.794 8.48295 35.5909 8.78551 36.358 9.24574C37.1335 9.70597 37.777 10.4006 38.2884 11.3295C38.7997 12.2585 39.0554 13.5028 39.0554 15.0625V28H36.0384V25.3409H35.8849C35.6804 25.767 35.3395 26.223 34.8622 26.7088C34.3849 27.1946 33.75 27.608 32.9574 27.9489C32.1648 28.2898 31.1974 28.4602 30.0554 28.4602ZM30.5156 25.75C31.7088 25.75 32.7145 25.5156 33.5327 25.0469C34.3594 24.5781 34.9815 23.973 35.3991 23.2315C35.8253 22.4901 36.0384 21.7102 36.0384 20.892V18.1307C35.9105 18.2841 35.6293 18.4247 35.1946 18.5526C34.7685 18.6719 34.2741 18.7784 33.7116 18.8722C33.1577 18.9574 32.6165 19.0341 32.0881 19.1023C31.5682 19.1619 31.1463 19.2131 30.8224 19.2557C30.0384 19.358 29.3054 19.5241 28.6236 19.7543C27.9503 19.9759 27.4048 20.3125 26.9872 20.7642C26.5781 21.2074 26.3736 21.8125 26.3736 22.5795C26.3736 23.6278 26.7614 24.4205 27.5369 24.9574C28.321 25.4858 29.3139 25.75 30.5156 25.75ZM53.1019 8.36364V10.9205H42.9258V8.36364H53.1019ZM45.8917 3.65909H48.9087V22.375C48.9087 23.2273 49.0323 23.8665 49.2795 24.2926C49.5352 24.7102 49.859 24.9915 50.2511 25.1364C50.6516 25.2727 51.0735 25.3409 51.5167 25.3409C51.8491 25.3409 52.1218 25.3239 52.3349 25.2898C52.5479 25.2472 52.7184 25.2131 52.8462 25.1875L53.4599 27.8977C53.2553 27.9744 52.9698 28.0511 52.6033 28.1278C52.2369 28.2131 51.7724 28.2557 51.2099 28.2557C50.3576 28.2557 49.5224 28.0724 48.7042 27.706C47.8945 27.3395 47.2212 26.7812 46.6843 26.0312C46.1559 25.2812 45.8917 24.3352 45.8917 23.1932V3.65909ZM60.6573 16.1875V28H57.6403V8.36364H60.555V11.4318H60.8107C61.271 10.4347 61.9698 9.63352 62.9073 9.02841C63.8448 8.41477 65.055 8.10795 66.538 8.10795C67.8675 8.10795 69.0309 8.38068 70.0281 8.92614C71.0252 9.46307 71.8008 10.2812 72.3548 11.3807C72.9087 12.4716 73.1857 13.8523 73.1857 15.5227V28H70.1687V15.7273C70.1687 14.1847 69.7681 12.983 68.967 12.1222C68.1658 11.2528 67.0664 10.8182 65.6687 10.8182C64.7056 10.8182 63.8448 11.027 63.0863 11.4446C62.3363 11.8622 61.744 12.4716 61.3093 13.2727C60.8746 14.0739 60.6573 15.0455 60.6573 16.1875ZM86.6761 28.4091C84.9034 28.4091 83.348 27.9872 82.0099 27.1435C80.6804 26.2997 79.6406 25.1193 78.8906 23.6023C78.1491 22.0852 77.7784 20.3125 77.7784 18.2841C77.7784 16.2386 78.1491 14.4531 78.8906 12.9276C79.6406 11.402 80.6804 10.2173 82.0099 9.37358C83.348 8.52983 84.9034 8.10795 86.6761 8.10795C88.4489 8.10795 90 8.52983 91.3295 9.37358C92.6676 10.2173 93.7074 11.402 94.4489 12.9276C95.1989 14.4531 95.5739 16.2386 95.5739 18.2841C95.5739 20.3125 95.1989 22.0852 94.4489 23.6023C93.7074 25.1193 92.6676 26.2997 91.3295 27.1435C90 27.9872 88.4489 28.4091 86.6761 28.4091ZM86.6761 25.6989C88.0227 25.6989 89.1307 25.3537 90 24.6634C90.8693 23.973 91.5128 23.0653 91.9304 21.9403C92.348 20.8153 92.5568 19.5966 92.5568 18.2841C92.5568 16.9716 92.348 15.7486 91.9304 14.6151C91.5128 13.4815 90.8693 12.5653 90 11.8665C89.1307 11.1676 88.0227 10.8182 86.6761 10.8182C85.3295 10.8182 84.2216 11.1676 83.3523 11.8665C82.483 12.5653 81.8395 13.4815 81.4219 14.6151C81.0043 15.7486 80.7955 16.9716 80.7955 18.2841C80.7955 19.5966 81.0043 20.8153 81.4219 21.9403C81.8395 23.0653 82.483 23.973 83.3523 24.6634C84.2216 25.3537 85.3295 25.6989 86.6761 25.6989ZM108.719 8.36364V10.9205H98.543V8.36364H108.719ZM101.509 3.65909H104.526V22.375C104.526 23.2273 104.65 23.8665 104.897 24.2926C105.152 24.7102 105.476 24.9915 105.868 25.1364C106.269 25.2727 106.691 25.3409 107.134 25.3409C107.466 25.3409 107.739 25.3239 107.952 25.2898C108.165 25.2472 108.336 25.2131 108.463 25.1875L109.077 27.8977C108.873 27.9744 108.587 28.0511 108.221 28.1278C107.854 28.2131 107.39 28.2557 106.827 28.2557C105.975 28.2557 105.14 28.0724 104.321 27.706C103.512 27.3395 102.838 26.7812 102.301 26.0312C101.773 25.2812 101.509 24.3352 101.509 23.1932V3.65909ZM121.279 28.4091C119.387 28.4091 117.755 27.9915 116.383 27.1562C115.02 26.3125 113.967 25.1364 113.225 23.6278C112.493 22.1108 112.126 20.3466 112.126 18.3352C112.126 16.3239 112.493 14.5511 113.225 13.017C113.967 11.4744 114.998 10.2727 116.319 9.41193C117.649 8.54261 119.2 8.10795 120.973 8.10795C121.995 8.10795 123.005 8.27841 124.002 8.61932C125 8.96023 125.907 9.5142 126.725 10.2812C127.544 11.0398 128.196 12.0455 128.681 13.2983C129.167 14.5511 129.41 16.0937 129.41 17.9261V19.2045H114.274V16.5966H126.342C126.342 15.4886 126.12 14.5 125.677 13.6307C125.243 12.7614 124.62 12.0753 123.811 11.5724C123.01 11.0696 122.064 10.8182 120.973 10.8182C119.771 10.8182 118.731 11.1165 117.853 11.7131C116.984 12.3011 116.315 13.0682 115.846 14.0142C115.377 14.9602 115.143 15.9744 115.143 17.0568V18.7955C115.143 20.2784 115.399 21.5355 115.91 22.5668C116.43 23.5895 117.15 24.3693 118.071 24.9062C118.991 25.4347 120.061 25.6989 121.279 25.6989C122.072 25.6989 122.788 25.5881 123.427 25.3665C124.075 25.1364 124.633 24.7955 125.102 24.3438C125.571 23.8835 125.933 23.3125 126.189 22.6307L129.103 23.4489C128.797 24.4375 128.281 25.3068 127.556 26.0568C126.832 26.7983 125.937 27.3778 124.872 27.7955C123.806 28.2045 122.609 28.4091 121.279 28.4091ZM147.909 12.7614L145.199 13.5284C145.028 13.0767 144.777 12.6378 144.444 12.2116C144.12 11.777 143.677 11.419 143.115 11.1378C142.552 10.8565 141.832 10.7159 140.954 10.7159C139.752 10.7159 138.751 10.9929 137.95 11.5469C137.157 12.0923 136.761 12.7869 136.761 13.6307C136.761 14.3807 137.034 14.973 137.579 15.4077C138.125 15.8423 138.977 16.2045 140.136 16.4943L143.051 17.2102C144.806 17.6364 146.115 18.2884 146.975 19.1662C147.836 20.0355 148.267 21.1562 148.267 22.5284C148.267 23.6534 147.943 24.6591 147.295 25.5455C146.656 26.4318 145.761 27.1307 144.61 27.642C143.46 28.1534 142.122 28.4091 140.596 28.4091C138.593 28.4091 136.936 27.9744 135.623 27.1051C134.311 26.2358 133.48 24.9659 133.13 23.2955L135.994 22.5795C136.267 23.6364 136.782 24.429 137.541 24.9574C138.308 25.4858 139.309 25.75 140.545 25.75C141.951 25.75 143.068 25.4517 143.895 24.8551C144.73 24.25 145.147 23.5256 145.147 22.6818C145.147 22 144.909 21.429 144.431 20.9688C143.954 20.5 143.221 20.1506 142.233 19.9205L138.96 19.1534C137.162 18.7273 135.841 18.0668 134.997 17.1719C134.162 16.2685 133.744 15.1392 133.744 13.7841C133.744 12.6761 134.055 11.696 134.677 10.8438C135.308 9.99148 136.164 9.32244 137.247 8.83665C138.338 8.35085 139.574 8.10795 140.954 8.10795C142.897 8.10795 144.423 8.53409 145.531 9.38636C146.647 10.2386 147.44 11.3636 147.909 12.7614Z"
         fill="currentColor"
@@ -29,3 +30,12 @@
     </svg>
   </div>
 </template>
+
+<script setup>
+const props = defineProps({
+  responsive: {
+    type: Boolean,
+    default: false,
+  },
+});
+</script>
diff --git a/client/partials/NavBar.vue b/client/partials/NavBar.vue
index 3e922c4..28e5040 100644
--- a/client/partials/NavBar.vue
+++ b/client/partials/NavBar.vue
@@ -1,7 +1,7 @@
 <template>
-  <nav class="mb-4 flex justify-between align-top">
+  <nav class="mb-12 flex justify-between align-top">
     <RouterLink to="/" v-if="!hideLogo">
-      <Logo></Logo>
+      <Logo responsive></Logo>
     </RouterLink>
     <div class="flex grow items-start justify-end">
       <!-- New Note -->
diff --git a/client/views/Note.vue b/client/views/Note.vue
index 4b928a1..f86646a 100644
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- Header -->
-    <div class="mt-8 flex items-end">
+    <div class="flex items-end">
       <!-- View -->
       <div v-show="!editMode" class="flex-1 text-3xl">{{ note.title }}</div>
       <div v-show="!editMode">