Adjust code styling and dimensions

Author: dishant0406

lazyweb/components/snippets/micro/Code.tsx

@@ -62,7 +62,6 @@ const Code = ({noHeading}: Props) => {
     style={{
       borderRadius: `${borderRadius}px`,
       width: '100%',
-      minHeight: '50vh',
 
 
     }}
@@ -77,7 +76,7 @@ const Code = ({noHeading}: Props) => {
     onChange={onChange}
     fontSize={16}
     showPrintMargin={false}
-    minLines={10}
+    minLines={5}
     maxLines={Infinity}
     showGutter={false}
     wrapEnabled={true}

lazyweb/components/snippets/micro/Container.tsx

@@ -128,7 +128,6 @@ const Container = ({children}: Props) => {
   return (
     <>
       <div ref={divRef} style={{
-        minHeight: `${height}vh`,
         width: `${width}vw`,
         background: atob(color),
         borderRadius: (paddingX===0 && paddingY===0) ? `${borderRadius}px` : `${containerBorderRadius}px`,

lazyweb/components/snippets/micro/Selector.tsx

@@ -27,7 +27,7 @@ type Props = {
 
 const Selector = ({save, saveSVG, savePDF, uploadImage}: Props) => {
   const [isEditOpen, setIsEditOpen] = useState(false);
-  const {paddingX, setPaddingX,containerBorderRadius, setContainerBorderRadius, paddingY,setPaddingY,setGradient,borderRadius, setBorderRadius} = useUIStore()
+  const {paddingX, setPaddingX,width, setWidth, containerBorderRadius, setContainerBorderRadius, paddingY,setPaddingY,setGradient,borderRadius, setBorderRadius} = useUIStore()
   const router = useRouter()
   const colorRef = useRef<HTMLInputElement>(null)
   let selectedTheme = router.query.theme as string || 'monokai'
@@ -109,6 +109,21 @@ const Selector = ({save, saveSVG, savePDF, uploadImage}: Props) => {
             ))}
 
         </Select>
+        <Slider 
+        label="Width" 
+        step={1} 
+        maxValue={80} 
+        minValue={30} 
+        defaultValue={50}
+        value={Number(width)}
+        onChange={e=>{
+          setWidth(e+'')
+        }}
+        classNames={{
+          base: 'w-[5vw] text-white',
+          label:'text-[0.7vw]'
+        }}
+      />
         <Slider 
         label="Pad X" 
         step={1} 

lazyweb/pages/snippet.tsx

@@ -113,7 +113,7 @@ export async function getServerSideProps(context:any) {
   const defaults = {
     language: 'javascript',
     theme: 'monokai',
-    code: btoa(`console.log('Hello World')`),
+    code: btoa(`//print fibonacci\nfunction printFibonacci(n) {\n\tlet fib = [0, 1];\n\tfor (let i = 2; i < n; i++) {\n\t\tfib[i] = fib[i - 1] + fib[i - 2];\n\t}\n\tconsole.log(fib.slice(0, n).join(', '));\n}`),
     borderWidth: '1',
     borderColor: 'rgba(255,255,255,0.5)',
     color: btoa(generateGradient()),