fix(tag collections): fix width when transitioning

Rule-34 · Jun 15, 2023 · b57f733 · b57f733
1 parent 2a656d3
commit b57f733
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/components/posts/navigation/search/TagCollections.vue b/components/posts/navigation/search/TagCollections.vue
@@ -59,7 +59,7 @@
 <template>
   <!-- TODO: Review padding on desktop -->
 
-  <nav class="relative flex max-h-[35rem] min-h-[35rem] w-full flex-col gap-6">
+  <nav class="relative flex flex-col gap-6">
     <header>
       <DialogTitle
         as="h3"

diff --git a/components/posts/navigation/search/TagCollectionsWrapper.vue b/components/posts/navigation/search/TagCollectionsWrapper.vue
@@ -42,10 +42,11 @@
             leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
           >
             <DialogPanel
-              class="relative transform overflow-hidden rounded-lg bg-base-1000 p-4 text-left ring-1 ring-base-0/20 transition-all sm:my-8 sm:w-full sm:max-w-sm sm:p-6"
+              class="relative w-full transform overflow-hidden rounded-lg bg-base-1000 p-4 text-left ring-1 ring-base-0/20 transition-all sm:my-8 sm:max-w-sm sm:p-6"
             >
-              <!-- TODO: Fix animation -->
-              <slot v-if="modelValue" />
+              <div class="max-h-[35rem] min-h-[35rem]">
+                <slot v-if="modelValue" />
+              </div>
             </DialogPanel>
           </TransitionChild>
         </div>