Remove SearchTypes width

WordPress · Jan 16, 2023 · 91db330 · 91db330
1 parent 67be993
commit 91db330
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 15 deletions.
diff --git a/src/components/VContentSwitcher/VSearchTypePopover.vue b/src/components/VContentSwitcher/VSearchTypePopover.vue
@@ -14,7 +14,6 @@
     </template>
     <VSearchTypes
       id="content-switcher-popover"
-      class="pt-2"
       size="small"
       :use-links="placement === 'header'"
       @select="handleSelect"

diff --git a/src/components/VContentSwitcher/VSearchTypes.vue b/src/components/VContentSwitcher/VSearchTypes.vue
@@ -4,7 +4,7 @@
     :size="size"
     :bordered="bordered"
     type="radiogroup"
-    :class="width"
+    :class="{ 'w-66 pt-2': size === 'small' }"
   >
     <div
       v-for="(category, index) in contentTypeGroups"
@@ -14,8 +14,7 @@
         'mt-2': index > 0,
         'border-t border-dark-charcoal-20 bg-dark-charcoal-06':
           index > 0 && !bordered,
-        'gap-1': size === 'small',
-        [width]: !!width,
+        'w-66 gap-1': size === 'small',
       }"
     >
       <h4
@@ -83,9 +82,6 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
-    width: {
-      type: String,
-    },
   },
   emits: {
     select: defineEvent<[SearchType]>(),

diff --git a/src/components/VContentSwitcherOld/VSearchTypePopoverOld.vue b/src/components/VContentSwitcherOld/VSearchTypePopoverOld.vue
@@ -17,7 +17,6 @@
     <VSearchTypesOld
       id="content-switcher-popover"
       size="small"
-      width="w-66"
       :active-item="activeItem"
       :use-links="placement === 'header'"
       @select="selectItem"

diff --git a/src/components/VContentSwitcherOld/VSearchTypesOld.vue b/src/components/VContentSwitcherOld/VSearchTypesOld.vue
@@ -4,7 +4,7 @@
     :size="size"
     :bordered="bordered"
     type="radiogroup"
-    :class="width"
+    :class="{ 'w-66 pt-2': size === 'small' }"
   >
     <div
       v-for="(category, index) in contentTypeGroups"
@@ -13,7 +13,7 @@
         'mt-2': index > 0,
         'border-t border-dark-charcoal-20 bg-dark-charcoal-06':
           index > 0 && !bordered,
-        [width]: size === 'small',
+        'w-66': size === 'small',
       }"
     >
       <h4
@@ -66,9 +66,6 @@ export default defineComponent({
       type: Boolean,
       default: true,
     },
-    width: {
-      type: Number,
-    },
   },
   emits: {
     select: defineEvent<[SearchType]>(),

diff --git a/src/components/VHomepageContent.vue b/src/components/VHomepageContent.vue
@@ -37,8 +37,6 @@
         >
           <VSearchTypes
             size="small"
-            class="pt-2"
-            width="w-66"
             :use-links="false"
             @select="handleSelect"
           />