chore: fix broken css

ludovicm67 · Jun 13, 2024 · ca14b5c · ca14b5c
1 parent d23a0e7
commit ca14b5c
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -8,8 +8,20 @@
     <script type="module" src="/src/whiteboard.ts"></script>
   </head>
   <body>
-    <simple-whiteboard id="app"></simple-whiteboard>
-    <a href="/" target="_blank">Multi demo</a>
+    <main>
+      <simple-whiteboard id="app"></simple-whiteboard>
+    </main>
+    <footer>
+      <a href="/" target="_blank">New Tab</a>
+      -
+      <a href="https://github.com/ludovicm67/simple-whiteboard" target="_blank"
+        >GitHub</a
+      >
+      -
+      <a href="https://ludovic-muller.fr/" target="_blank"
+        >Created by Ludovic Muller</a
+      >
+    </footer>
     <script>
       const id = Math.random().toString(36).substr(2, 9);
       const app = document.getElementById("app");

diff --git a/src/index.css b/src/index.css
@@ -23,15 +23,29 @@ a:hover {
 
 body {
   margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
+  padding: 0;
+  box-sizing: border-box;
+  min-width: 100svw;
+  min-height: 100svh;
 }
 
-#app {
+main {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
   flex: 1;
   height: 90svh;
   border-top: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
 }
+
+footer {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 10svh;
+  border-top: 1px solid #e0e0e0;
+}