update font

src/components/TopBar.vue

@@ -10,11 +10,14 @@ const props = defineProps<{
 const emit = defineEmits<{
   toggleSideBar: []
 }>()
-</script> 
+</script>
 <template>
   <div class="absolute left-0 right-0 top-0 z-[500] flex h-[50px] bg-primary">
     <div class="w-in mx-auto flex w-full max-w-app items-center py-2.5 text-white">
-      <div class="flex pl-3 items-center" :class="sideBarCollapsed ? 'w-fit' : 'w-sidebar pr-3'">
+      <div
+        class="flex items-center pl-3"
+        :class="sideBarCollapsed ? 'w-fit' : 'w-sidebar pr-3'"
+      >
         <Hamburger
           :side-bar-collapsed="props.sideBarCollapsed"
           @toggle-side-bar="emit('toggleSideBar')"
@@ -28,12 +31,12 @@ const emit = defineEmits<{
       <div class="flex h-full flex-1 flex-row items-center gap-2 pl-5 pr-3">
         <SearchBar />
         <button
-          class="btn-outline btn-sm btn h-full text-white"
+          class="btn-outline btn-sm btn text-white py-1"
           @click="addNote('Untitled new note', '', true)"
         >
           <i class="fas fa-plus-circle text-[1.1rem]" />
         </button>
-        <button class="btn-outline btn-sm btn h-full text-white">Sign in</button>
+        <button class="btn-outline btn-sm btn text-white py-1">Sign in</button>
       </div>
     </div>
   </div>

src/style.scss

@@ -1,6 +1,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+@import '@fontsource/source-sans-pro';
 
 body,
 body > div,
@@ -9,6 +10,8 @@ html {
 }
 
 body {
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size: 110%;
   overflow-y: auto;
 }
 
@@ -20,7 +23,7 @@ body {
   line-height: 2rem;
   ol,
   ul {
-    @apply ps-8 my-2;
+    @apply my-2 ps-8;
   }
   ol {
     @apply list-decimal;