fix: WEB-626 overflowing tabbed content (#6202)

* Update fullwidth prop * Add fullWidth prop to tabbedcontent
prisma · Aug 19, 2024 · 1513443 · 1513443
1 parent e383271
commit 1513443
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/content/200-orm/500-reference/050-prisma-client-reference.mdx b/content/200-orm/500-reference/050-prisma-client-reference.mdx
@@ -5169,7 +5169,7 @@ const getUsers = await prisma.user.findMany({
 
 The following query returns all users where the `sanctuaries` array contains the value `"RSPCA"`:
 
-<TabbedContent>
+<TabbedContent fullWidth>
 <TabItem value="PostgreSQL">
 
 ```ts

diff --git a/src/theme/Tabs/styles.module.scss b/src/theme/Tabs/styles.module.scss
@@ -1,5 +1,8 @@
 .tabList {
   margin-bottom: var(--ifm-leading);
+  &:has(.full-width) {
+    width: 100%;
+  }
 }
 
 .tabItem {