style: fix q-menu padding

simsustech · Oct 21, 2024 · b850f87 · b850f87
1 parent 644d28e
commit b850f87
Show file tree

Hide file tree

Showing 5 changed files with 65 additions and 75 deletions.
diff --git a/packages/app/src/pages/admin/BillsPage.vue b/packages/app/src/pages/admin/BillsPage.vue
@@ -10,25 +10,23 @@
     </template>
     <template #header-side>
       <q-btn icon="search">
-        <q-menu>
-          <div class="q-pa-sm">
-            <company-select
-              v-model="companyId"
-              :filtered-options="filteredCompanies"
-              clearable
-              @filter="onFilterCompanies"
-            />
-            <client-select
-              v-model="clientId"
-              :filtered-options="filteredClients"
-              clearable
-              use-input
-              @filter="onFilterClients"
-              @new-value="onNewValueClients"
-            />
-            <boolean-select v-model="paid" :label="lang.invoice.status.paid" />
-            <!-- <invoice-status-select v-model="status" /> -->
-          </div>
+        <q-menu class="q-pa-sm">
+          <company-select
+            v-model="companyId"
+            :filtered-options="filteredCompanies"
+            clearable
+            @filter="onFilterCompanies"
+          />
+          <client-select
+            v-model="clientId"
+            :filtered-options="filteredClients"
+            clearable
+            use-input
+            @filter="onFilterClients"
+            @new-value="onNewValueClients"
+          />
+          <boolean-select v-model="paid" :label="lang.invoice.status.paid" />
+          <!-- <invoice-status-select v-model="status" /> -->
         </q-menu>
       </q-btn>
     </template>

diff --git a/packages/app/src/pages/admin/ClientsPage.vue b/packages/app/src/pages/admin/ClientsPage.vue
@@ -9,10 +9,8 @@
     </template>
     <template #header-side>
       <q-btn icon="search">
-        <q-menu>
-          <div class="q-pa-sm">
-            <q-input v-model="name" :label="lang.name" :debounce="300" />
-          </div>
+        <q-menu class="q-pa-sm">
+          <q-input v-model="name" :label="lang.name" :debounce="300" />
         </q-menu>
       </q-btn>
     </template>

diff --git a/packages/app/src/pages/admin/InvoicesPage.vue b/packages/app/src/pages/admin/InvoicesPage.vue
@@ -11,24 +11,22 @@
     <template #header-side>
       <invoice-status-toggle v-model="status" />
       <q-btn icon="search">
-        <q-menu>
-          <div class="q-pa-sm">
-            <company-select
-              v-model="companyId"
-              :filtered-options="filteredCompanies"
-              clearable
-              @filter="onFilterCompanies"
-            />
-            <client-select
-              v-model="clientId"
-              :filtered-options="filteredClients"
-              clearable
-              use-input
-              @filter="onFilterClients"
-              @new-value="onNewValueClients"
-            />
-            <!-- <invoice-status-select v-model="status" /> -->
-          </div>
+        <q-menu class="q-pa-sm">
+          <company-select
+            v-model="companyId"
+            :filtered-options="filteredCompanies"
+            clearable
+            @filter="onFilterCompanies"
+          />
+          <client-select
+            v-model="clientId"
+            :filtered-options="filteredClients"
+            clearable
+            use-input
+            @filter="onFilterClients"
+            @new-value="onNewValueClients"
+          />
+          <!-- <invoice-status-select v-model="status" /> -->
         </q-menu>
       </q-btn>
     </template>

diff --git a/packages/app/src/pages/admin/ReceiptsPage.vue b/packages/app/src/pages/admin/ReceiptsPage.vue
@@ -5,24 +5,22 @@
     </template>
     <template #header-side>
       <q-btn icon="search">
-        <q-menu>
-          <div class="q-pa-sm">
-            <company-select
-              v-model="companyId"
-              :filtered-options="filteredCompanies"
-              clearable
-              @filter="onFilterCompanies"
-            />
-            <client-select
-              v-model="clientId"
-              :filtered-options="filteredClients"
-              clearable
-              use-input
-              @filter="onFilterClients"
-              @new-value="onNewValueClients"
-            />
-            <!-- <invoice-status-select v-model="status" /> -->
-          </div>
+        <q-menu class="q-pa-sm">
+          <company-select
+            v-model="companyId"
+            :filtered-options="filteredCompanies"
+            clearable
+            @filter="onFilterCompanies"
+          />
+          <client-select
+            v-model="clientId"
+            :filtered-options="filteredClients"
+            clearable
+            use-input
+            @filter="onFilterClients"
+            @new-value="onNewValueClients"
+          />
+          <!-- <invoice-status-select v-model="status" /> -->
         </q-menu>
       </q-btn>
     </template>

diff --git a/packages/app/src/pages/admin/SubscriptionsPage.vue b/packages/app/src/pages/admin/SubscriptionsPage.vue
@@ -14,22 +14,20 @@
         left-label
       />
       <q-btn icon="search">
-        <q-menu>
-          <div class="q-pa-sm">
-            <company-select
-              v-model="companyId"
-              :filtered-options="filteredCompanies"
-              clearable
-              @filter="onFilterCompanies"
-            />
-            <client-select
-              v-model="clientId"
-              :filtered-options="filteredClients"
-              clearable
-              @filter="onFilterClients"
-            />
-            <!-- <subscription-status-select v-model="status" /> -->
-          </div>
+        <q-menu class="q-pa-sm">
+          <company-select
+            v-model="companyId"
+            :filtered-options="filteredCompanies"
+            clearable
+            @filter="onFilterCompanies"
+          />
+          <client-select
+            v-model="clientId"
+            :filtered-options="filteredClients"
+            clearable
+            @filter="onFilterClients"
+          />
+          <!-- <subscription-status-select v-model="status" /> -->
         </q-menu>
       </q-btn>
     </template>