devhttps
diff --git a/‎README.md‎
Lines changed: 1 addition & 1 deletion b/‎README.md‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎app/page.tsx‎
Lines changed: 13 additions & 24 deletions b/‎app/page.tsx‎
Lines changed: 13 additions & 24 deletions
diff --git a/‎package-lock.json‎
Lines changed: 120 additions & 120 deletions b/‎package-lock.json‎
Lines changed: 120 additions & 120 deletions
@@ -27,7 +27,7 @@
 - [ ] Make it generate more consistent apps by only importing from a component library like shadcn
   - [x] Partially working
   - [x] Need to figure out a way to use the @
-  - [ ] Need to import all the CSS stuff (main CSS file + tailwind css file)
+  - [x] Need to import all the CSS stuff (main CSS file + tailwind css file)
   - [ ] Need to add in all the shadcn components
 - [ ] Look into a way to export the app or deploy it in a single click – try two things
   - [ ] The codesandbox way where I put the link in another way like the react docs, then I can infer the link and have people go check it out
 
@@ -21,16 +21,7 @@ import {
 import { AnimatePresence, motion } from "framer-motion";
 import { FormEvent, useEffect, useState } from "react";
 import LoadingDots from "../components/loading-dots";
-import {
-  button,
-  card,
-  fullStyles,
-  input,
-  label,
-  tailwindConfig,
-  tsconfig,
-  utils,
-} from "@/utils/Shadcn";
+import { button, card, input, label, utils } from "@/utils/Shadcn";
 
 export default function Home() {
   let [status, setStatus] = useState<
@@ -387,26 +378,24 @@ export default function Home() {
                   }}
                   files={{
                     "App.tsx": generatedCode,
-                    "styles.css": fullStyles,
-                    "tailwind.config.ts": tailwindConfig,
-                    "tsconfig.json": tsconfig,
                     "/lib/utils.ts": utils,
                     "/components/ui/button.tsx": button,
                     "/components/ui/card.tsx": card,
                     "/components/ui/label.tsx": label,
                     "/components/ui/input.tsx": input,
                     "/public/index.html": `<!DOCTYPE html>
-                    <html lang="en">
-                      <head>
-                        <meta charset="UTF-8">
-                        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-                        <title>Document</title>
-                        <script src="https://cdn.tailwindcss.com"></script>
-                      </head>
-                      <body>
-                        <div id="root"></div>
-                      </body>
-                    </html>`,
+                        <html lang="en">
+                          <head>
+                            <meta charset="UTF-8">
+                            <meta name="viewport" content="width=device-width, initial-scale=1.0">
+                            <title>Document</title>
+                            <script src="https://cdn.tailwindcss.com"></script>
+                          </head>
+                          <body>
+                            <div id="root"></div>
+                          </body>
+                        </html>
+                     `,
                   }}
                   template="react-ts"
                   customSetup={{