fix: change template

Sembauke · Sembauke · commit dc7eb19d47d4 · 2023-12-13T13:24:49.000+01:00
diff --git a/apps/top-flex-box-example/src/App.js b/apps/top-flex-box-example/src/App.js
@@ -5,15 +5,32 @@ function App() {
     <div id="editor">
       <Sandpack
         files={{
-          "/index.html": {
+          "styles.css": {
+            active: true,
+            code: `
+.flex-container {
+  /* display: flex; */
+  gap: 12px;
+}
+
+/* this selector selects all divs inside of .flex-container */
+.flex-container div {
+  background: peachpuff;
+  border: 4px solid brown;
+  height: 100px;
+  /* flex: 1; */
+}
+          `
+          },
+          "index.html": {
             code: `
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
-    <link rel="stylesheet" href="/styles.css">
+    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="flex-container">
@@ -24,30 +41,12 @@ function App() {
 </body>
 </html>`
           },
-          "styles.css": {
-            active: true,
-            code: `
-.flex-container {
-  /* display: flex; */
-}
-
-/* this selector selects all divs inside of .flex-container */
-.flex-container div {
-  background: peachpuff;
-  border: 4px solid brown;
-  height: 100px;
-  /* flex: 1; */
-}
-          `
-          },
-          "index.js": {
-            hidden: true,
-          }
         }}
         options={{
           editorHeight: "100vh",
         }}
         theme={'dark'}
+        template="static"
       />
     </div>
   );
