it's in the fucking middle

2022-05-21 22:48:49 +02:00 · 2022-05-21 22:48:49 +02:00 · b9b39de41c
commit b9b39de41c
parent 39b65a13d3
3 changed files with 6 additions and 3 deletions
--- a/index.html
+++ b/index.html
@ -7,7 +7,7 @@
    <title>Hanyadik het van?</title>
  </head>
  <body>
-    <div id="app"></div>
+    <div class="w-100 p-3" id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
 </html>
--- a/src/App.vue
+++ b/src/App.vue
@ -18,6 +18,10 @@ import WeekNumber from './components/WeekNumber.vue'
    background-color: var(--bs-dark);
  }

+  main {
+    left: 50%;
+  }
+
  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
--- a/src/components/WeekNumber.vue
+++ b/src/components/WeekNumber.vue
@ -30,7 +30,7 @@ export default defineComponent({

 <template>
  <div>
-    <h1>
+    <h1 class="text-center">
      {{weeknumber}}
    </h1>
  </div>
@ -40,6 +40,5 @@ export default defineComponent({
 h1 {
  font-weight: 500;
  font-size: 5rem;
-  top: -10px;
 }
 </style>