Merge pull request #121 from kaseyvee/dev

fix: responsiveness of codeSnippet

Author: Shiti

src/components/codeSnippet/codeSnippet.css

@@ -1,14 +1,13 @@
 .rustic-code-snippet {
-    border-radius: 16px 16px 4px 4px;
-    width: 100%;
-    height: 100%;
+  border-radius: 16px 16px 4px 4px;
+  max-width: calc(100vw - 100px);
 }
 
 .rustic-code-snippet p {
-    padding: 16px;
+  padding: 16px;
 }
 
 .rustic-code-snippet .cm-editor {
-    padding: 24px;
-    overflow-x: auto;
-}
+  padding: 24px;
+  overflow-x: auto;
+}

src/components/codeSnippet/codeSnippet.stories.tsx

@@ -142,20 +142,11 @@ export const JS = {
   },
 }
 
-export const PythonInsideAParentContainer = {
+export const Python = {
   args: {
     code: pyCode,
     language: 'Python',
   },
-  decorators: [
-    (Story: StoryFn) => {
-      return (
-        <div style={{ width: '600px' }}>
-          <Story />
-        </div>
-      )
-    },
-  ],
 }
 
 export const PHP = {
@@ -200,7 +191,7 @@ export const HTMLInsideAParentContainer = {
   decorators: [
     (Story: StoryFn) => {
       return (
-        <div style={{ width: '600px' }}>
+        <div style={{ maxWidth: '600px' }}>
           <Story />
         </div>
       )