Fixes

src/components/NavBar.vue

@@ -34,7 +34,7 @@ onMounted(() => stateStore.setMounted());
                 </q-tooltip>
             </q-btn>
             <router-link to="/">
-                <q-btn class="q-ml-xs" color="primary" v-if="$q.screen.gt.xs" flat round>
+                <q-btn class="q-ml-xs" color="primary" flat round>
                     <q-avatar square size="md">
                         <q-img
                             src="~/assets/logo_icon.svg"
@@ -47,7 +47,7 @@ onMounted(() => stateStore.setMounted());
                     </q-tooltip>
                 </q-btn>
             </router-link>
-            <q-toolbar-title shrink class="text-weight-bold" v-if="$q.screen.gt.xs">
+            <q-toolbar-title shrink class="text-weight-bold" v-if="$q.screen.gt.sm">
                 {{ appName }}
                 <q-badge label="Beta" align="top" />
             </q-toolbar-title>

src/components/ui/VnSearchbar.vue

@@ -112,13 +112,11 @@ async function search() {
 </template>
 
 <style lang="scss" scoped>
-@media screen and (max-width: $breakpoint-xs-max) {
-    .q-field {
-        width: 250px;
-    }
+.q-field {
+    width: 250px;
 }
 
-@media screen and (min-width: $breakpoint-xs-max) {
+@media screen and (min-width: $breakpoint-sm-max) {
     .q-field {
         width: 400px;
     }

src/pages/Claim/Card/ClaimLines.vue

@@ -167,6 +167,7 @@ async function confirmRemove() {
                 const orgData = store.data;
                 const index = orgData.findIndex((item) => item.id === row.id);
                 store.data.splice(index, 1);
+                selected.value = [];
             }
         });
 }
@@ -190,7 +191,7 @@ function showImportDialog() {
 }
 </script>
 <template>
-    <q-page-sticky class="z-top" position="top" :offset="[0, 0]" expand>
+    <q-page-sticky position="top" :offset="[0, 0]" expand>
         <q-toolbar class="bg-dark text-white">
             <q-toolbar-title> {{ t('Claimed lines') }} </q-toolbar-title>
             <q-space />
@@ -365,7 +366,7 @@ function showImportDialog() {
     </div>
 
     <Teleport
-        v-if="stateStore.isHeaderMounted() && $q.screen.gt.sm"
+        v-if="stateStore.isHeaderMounted() && !$q.screen.lt.sm"
         to="#actions-prepend"
     >
         <div class="row q-gutter-x-sm">