Make the content switcher modal top rounded

WordPress · Jan 16, 2023 · 40df59f · 40df59f
1 parent f2af13e
commit 40df59f
Show file tree

Hide file tree

Showing 16 changed files with 9 additions and 5 deletions.
diff --git a/src/components/VContentSwitcher/VSearchTypePopover.vue b/src/components/VContentSwitcher/VSearchTypePopover.vue
@@ -15,7 +15,7 @@
     </template>
     <VSearchTypes
       id="content-switcher-popover"
-      class="w-[260px] pt-2"
+      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
@@ -5,6 +5,7 @@
     :bordered="bordered"
     type="radiogroup"
     class="z-10"
+    :class="{ 'w-[260px]': size === 'small' }"
   >
     <div
       v-for="(category, index) in contentTypeGroups"

diff --git a/src/components/VHomepageContent.vue b/src/components/VHomepageContent.vue
@@ -36,7 +36,7 @@
         >
           <VSearchTypes
             size="small"
-            class="w-[260px] pt-2"
+            class="pt-2"
             :use-links="false"
             @select="handleSelect"
           />

diff --git a/src/components/VModal/VModalContent.vue b/src/components/VModal/VModalContent.vue
@@ -209,18 +209,21 @@ export default defineComponent({
 .modal-content-default {
   @apply text-left align-bottom md:rounded-t-md;
 }
-.modal-content-full {
-  @apply flex w-full flex-col justify-between px-6 pb-10;
-}
 .modal-two-thirds {
   @apply mt-auto h-2/3 w-full rounded-t-lg bg-white;
 }
 .modal-fit-content {
   @apply mt-auto w-full rounded-t-lg bg-white;
 }
+.modal-content-full {
+  @apply flex w-full flex-col justify-between px-6 pb-10;
+}
 .modal-content-two-thirds {
   @apply overflow-y-hidden rounded-t-md;
 }
+.modal-content-fit-content {
+  @apply rounded-t-md;
+}
 .modal-content-dark {
   @apply bg-black text-white;
 }

diff --git a/...spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-linux.png b/...spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-2xl-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-lg-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-lg-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-md-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-md-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-sm-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-sm-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xl-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xl-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xs-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-ltr-xs-linux.png
diff --git a/...spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-linux.png b/...spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-2xl-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-lg-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-lg-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-md-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-md-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-sm-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-sm-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xl-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xl-linux.png
diff --git a/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xs-linux.png b/....spec.ts-snapshots/content-switcher-with-external-sources-open-rtl-xs-linux.png