From 34adcc1c046256e9561ba6cb6012ceeb1a9e80d6 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 6 Feb 2024 23:09:27 +0100
Subject: [PATCH] docs: add missing `overflow-hidden` on components

---
 docs/components/content/ComponentCard.vue    | 2 +-
 docs/components/content/ComponentExample.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/content/ComponentCard.vue b/docs/components/content/ComponentCard.vue
index 8ad0236a..10a11381 100644
--- a/docs/components/content/ComponentCard.vue
+++ b/docs/components/content/ComponentCard.vue
@@ -36,7 +36,7 @@
       </div>
     </div>
 
-    <div class="flex border border-b-0 border-gray-200 dark:border-gray-700 relative not-prose" :class="[{ 'p-4': padding }, propsToSelect.length ? 'border-t-0' : 'rounded-t-md', backgroundClass, extraClass]">
+    <div class="flex border border-b-0 border-gray-200 dark:border-gray-700 relative not-prose overflow-hidden" :class="[{ 'p-4': padding }, propsToSelect.length ? 'border-t-0' : 'rounded-t-md', backgroundClass, extraClass]">
       <component :is="name" v-model="vModel" v-bind="fullProps" :class="componentClass">
         <ContentSlot v-if="$slots.default" :use="$slots.default" />
 
diff --git a/docs/components/content/ComponentExample.vue b/docs/components/content/ComponentExample.vue
index f276889a..db9bb671 100644
--- a/docs/components/content/ComponentExample.vue
+++ b/docs/components/content/ComponentExample.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="[&>div>pre]:!rounded-t-none [&>div>pre]:!mt-0">
     <div
-      class="flex border border-gray-200 dark:border-gray-700 relative rounded-t-md"
+      class="flex border border-gray-200 dark:border-gray-700 relative rounded-t-md overflow-hidden"
       :class="[{ 'p-4': padding, 'rounded-b-md': !hasCode, 'border-b-0': hasCode, 'not-prose': !prose }, backgroundClass, extraClass]"
     >
       <template v-if="component">