Update App.vue

qoomon · Sep 2, 2024 · fa71041 · fa71041
1 parent 0faca49
commit fa71041
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,6 +1,7 @@
 <template>
   <n-config-provider :theme="darkTheme">
     <img src="./assets/meeting-bubbles.png" style="height: 30vw; max-height: 20vh;">
+    <div id="header">Cash Creep</div>
 
     <!-- Counter -->
     <div @click="cycleCounterStyle()"
@@ -395,6 +396,20 @@ body {
   margin-top: 2em;
 }
 
+#header {
+  height: 30vw;
+  max-height: 20vh;
+  background-image: url(/meeting-cash-creep/img/meeting-bubbles.png);
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  font-size: 3.5em;
+  padding-top: 0.5em;
+  align-content: center;
+  font-family: fantasy;
+  font-weight: bold;
+}
+
 .n-input,
 .n-input.n-input--disabled{
   background-color: transparent;