refactor(ui): better rendering with Inter font

components/collections/index.vue

@@ -5,7 +5,7 @@
   >
     <div
       class="bg-primary rounded-t flex flex-col top-0 z-10 sticky"
-      :class="{ '!top-10': !saveRequest && !doc }"
+      :class="{ '!top-8': !saveRequest && !doc }"
     >
       <input
         v-if="!saveRequest"
@@ -18,8 +18,7 @@
           flex
           font-semibold font-mono
           flex-1
-          text-xs
-          py-3
+          py-2
           px-4
           focus:outline-none
         "
@@ -98,7 +97,7 @@
       class="flex flex-col text-secondaryLight p-4 items-center justify-center"
     >
       <i class="opacity-75 pb-2 material-icons">create_new_folder</i>
-      <span class="text-xs text-center">
+      <span class="text-center">
         {{ $t("create_new_collection") }}
       </span>
     </div>
@@ -107,7 +106,7 @@
       class="flex flex-col text-secondaryLight p-4 items-center justify-center"
     >
       <i class="opacity-75 pb-2 material-icons">manage_search</i>
-      <span class="text-xs text-center">
+      <span class="text-center">
         {{ $t("nothing_found") }} "{{ filterText }}"
       </span>
     </div>