fix: rendering problem in query preview sliding panel (#352)

empathyco · Nov 2, 2023 · b116aa1 · b116aa1
1 parent 77b6f1e
commit b116aa1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/pre-search/custom-query-preview.vue b/src/components/pre-search/custom-query-preview.vue
@@ -21,7 +21,7 @@
           </QueryPreviewButton>
         </template>
         <DisplayClickProvider resultFeature="brand_recommendations">
-          <div class="x-flex x-gap-16 x-pt-16 max-desktop:x-px-16">
+          <div class="x-transform-style-3d x-flex x-gap-16 x-pt-16 max-desktop:x-px-16">
             <Result
               v-for="result in results"
               :key="result.id"

diff --git a/src/tailwind/plugin-options.js b/src/tailwind/plugin-options.js
@@ -17,6 +17,9 @@ module.exports = {
         paddingTop: theme('spacing.24'),
         paddingBottom: theme('spacing.24')
       }
+    },
+    '.transform-style-3d': {
+      transformStyle: 'preserve-3d'
     }
   })
 };