fix: background colour

marikaris · Jul 20, 2024 · bb97f0a · bb97f0a
1 parent 16ad3c2
commit bb97f0a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,19 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Judo Score</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div id="app" class="bg-primary-subtle"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
+
+<style>
+  #app {
+    height: 100vh;
+  }
+</style>
diff --git a/src/App.vue b/src/App.vue
@@ -1,11 +1,11 @@
 <template>
   <main>
-    <ScoreBoard/>
+    <ScoreBoard />
   </main>
 </template>
 
 <script setup lang="ts">
-import ScoreBoard from './components/ScoreBoard.vue';
+import ScoreBoard from './components/ScoreBoard.vue'
 </script>
 
 <style>
@@ -15,4 +15,4 @@ import ScoreBoard from './components/ScoreBoard.vue';
 .big {
   font-size: 5rem;
 }
-</style>
+</style>