From 9b6f33de8896796a5cef988461078b046a329fc0 Mon Sep 17 00:00:00 2001
From: ccbikai <ccbikai@gmail.com>
Date: Sun, 2 Mar 2025 18:10:50 +0800
Subject: [PATCH] feat: add viewport meta and enhance filter styling

Adds viewport meta tag with mobile-specific settings to improve responsive behavior

- Disables user scaling for better mobile experience
- Adjusts filter component padding and text styles
- Removes redundant font-normal class
---
 app.vue                          | 7 +++++++
 components/dashboard/Filters.vue | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app.vue b/app.vue
index 4e512ed..4d4a7f4 100644
--- a/app.vue
+++ b/app.vue
@@ -17,6 +17,13 @@ useHead({
   htmlAttrs: {
     lang: 'en',
   },
+  meta: [
+    {
+      name: 'viewport',
+      content: 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0',
+      tagPosition: 'head',
+    },
+  ],
   link: [
     {
       rel: 'icon',
diff --git a/components/dashboard/Filters.vue b/components/dashboard/Filters.vue
index 400aea8..b6526c9 100644
--- a/components/dashboard/Filters.vue
+++ b/components/dashboard/Filters.vue
@@ -48,9 +48,9 @@ onBeforeMount(() => {
       variant="outline"
       role="combobox"
       :aria-expanded="isOpen"
-      class="flex justify-between w-full sm:w-48"
+      class="flex justify-between px-3 w-full sm:w-48"
     >
-      <div class="flex-1 font-normal text-left truncate" :class="selectedLinks.length ? 'text-foreground' : 'text-muted-foreground'">
+      <div class="flex-1 text-left truncate" :class="selectedLinks.length ? 'text-foreground' : 'text-muted-foreground'">
         {{ selectedLinks.length ? selectedLinks.join(', ') : 'Filter Links...' }}
       </div>
       <ChevronsUpDown class="ml-2 w-4 h-4 opacity-50 shrink-0" />