fix: search inputs not shrinking

vuejs · Feb 4, 2024 · abf3b9c · abf3b9c
1 parent faae234
commit abf3b9c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
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