fix: search inputs not shrinking

Akryum · Akryum · commit abf3b9cc1612 · 2024-02-04T15:36:20.000+01:00
diff --git a/packages/app-frontend/src/features/apps/AppSelectPane.vue b/packages/app-frontend/src/features/apps/AppSelectPane.vue
@@ -85,7 +85,7 @@ export default defineComponent({
         icon-left="search"
         placeholder="Find apps..."
         select-all
-        class="search flat flex-1 min-w-0"
+        class="search flat flex-1 !min-w-0"
       />
 
       <VueButton
diff --git a/packages/app-frontend/src/features/components/ComponentsInspector.vue b/packages/app-frontend/src/features/components/ComponentsInspector.vue
@@ -115,7 +115,7 @@ export default defineComponent({
             icon-left="search"
             placeholder="Find components..."
             select-all
-            class="search flat border-b border-gray-200 dark:border-gray-800 min-w-0"
+            class="search flat border-b border-gray-200 dark:border-gray-800 !min-w-0"
           />
 
           <div
diff --git a/packages/app-frontend/src/features/components/SelectedComponentPane.vue b/packages/app-frontend/src/features/components/SelectedComponentPane.vue
@@ -101,28 +101,28 @@ export default defineComponent({
         }"
         icon-left="search"
         placeholder="Filter state..."
-        class="search flex-1 flat min-w-0"
+        class="search flex-1 flat !min-w-0"
       />
 
       <VueButton
         v-tooltip="'Scroll to component'"
         icon-left="preview"
-        class="flat icon-button"
+        class="flat icon-button flex-none"
         @click="scrollToComponent()"
       />
 
       <VueButton
         v-tooltip="'Show render code'"
         icon-left="code"
-        class="flat icon-button"
+        class="flat icon-button flex-none"
         @click="showRenderCode = true"
       />
 
       <VueButton
         v-if="$isChrome"
         v-tooltip="'Inspect DOM'"
         icon-left="menu_open"
-        class="flat icon-button"
+        class="flat icon-button flex-none"
         @click="inspectDOM()"
       />
 
@@ -133,7 +133,7 @@ export default defineComponent({
           html: true
         }"
         icon-left="launch"
-        class="flat icon-button"
+        class="flat icon-button flex-none"
         @click="openFile()"
       />
     </div>
diff --git a/packages/app-frontend/src/features/inspector/custom/CustomInspector.vue b/packages/app-frontend/src/features/inspector/custom/CustomInspector.vue
@@ -93,7 +93,7 @@ export default defineComponent({
               v-model="inspector.treeFilter"
               icon-left="search"
               :placeholder="inspector.treeFilterPlaceholder || 'Search...'"
-              class="search flat min-w-0 flex-1 mr-2"
+              class="search flat !min-w-0 flex-1 mr-2"
             />
 
             <PluginSourceIcon
