fix: fixed more styles

nodejs · Nov 25, 2023 · dc29038 · dc29038
1 parent 61c9f63
commit dc29038
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/components/Common/AvatarGroup/Avatar/index.stories.tsx b/components/Common/AvatarGroup/Avatar/index.stories.tsx
@@ -15,7 +15,7 @@ export const Default: Story = {
 
 export const NoSquare: Story = {
   args: {
-    src: '/static/images/logos/stacked-dark.svg',
+    src: '/static/images/logos/nodejs.png',
     alt: 'SD',
   },
 };

diff --git a/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -5,6 +5,10 @@
     text-sm
     font-medium;
 
+  a {
+    @apply flex-1;
+  }
+
   &,
   > a,
   > a:hover {
@@ -19,6 +23,7 @@
   .separator {
     @apply h-4
       w-4
+      flex-1
       text-neutral-600
       dark:text-neutral-400;
   }

diff --git a/components/__design__/text.stories.tsx b/components/__design__/text.stories.tsx
@@ -31,14 +31,14 @@ export const InlineCode: StoryObj = {
 
 export const Headings: StoryObj = {
   render: () => (
-    <>
+    <div className="mdxContent">
       <h1>HTML Section Heading 1</h1>
       <h2>HTML Section Heading 2</h2>
       <h3>HTML Section Heading 3</h3>
       <h4>HTML Section Heading 4</h4>
       <h5>HTML Section Heading 5</h5>
       <h6>HTML Section Heading 6</h6>
-    </>
+    </div>
   ),
 };