feat: fix base-input sizes for scaling

Author: alexdln

app/components/Header/SearchBox.vue

@@ -116,6 +116,7 @@ defineExpose({ focus })
             class="w-full min-w-25 ps-7"
             @focus="isSearchFocused = true"
             @blur="isSearchFocused = false"
+            size="small"
           />
           <button type="submit" class="sr-only">{{ $t('search.button') }}</button>
         </div>

app/components/Input/Base.vue

@@ -42,11 +42,11 @@ defineExpose({
     v-bind="props.noCorrect ? noCorrect : undefined"
     @focus="emit('focus', $event)"
     @blur="emit('blur', $event)"
-    class="leading-none bg-bg-subtle border border-border font-mono text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 hover:border-fg-subtle outline-2 outline-transparent outline-offset-2 focus:border-accent focus-visible:outline-accent/70 disabled:(opacity-50 cursor-not-allowed)"
+    class="bg-bg-subtle border border-border font-mono text-fg placeholder:text-fg-subtle transition-[border-color,outline-color] duration-300 hover:border-fg-subtle outline-2 outline-transparent outline-offset-2 focus:border-accent focus-visible:outline-accent/70 disabled:(opacity-50 cursor-not-allowed)"
     :class="{
-      'text-xs px-2 py-1.25 h-8 rounded-md': size === 'small',
-      'text-sm px-3 py-2.5 h-10 rounded-lg': size === 'medium',
-      'text-base px-6 py-3.5 h-14 rounded-xl': size === 'large',
+      'text-xs leading-[1.2] px-2 py-2 rounded-md': size === 'small',
+      'text-sm leading-none px-3 py-2.5 rounded-lg': size === 'medium',
+      'text-base leading-none px-6 py-3.5 h-14 rounded-xl': size === 'large',
     }"
     :disabled="
       /** Catching Vue render-bug of invalid `disabled=false` attribute in the final HTML */