Fixed welcome div display on phones

2026-08-11 22:54:46 +02:00 · 2025-05-08 15:09:34 +02:00
parent 6d1913e0e5
commit c7fb67b0cc
2 changed files with 41 additions and 3 deletions
--- a/src/components/home/dynamicOccupation.vue
+++ b/src/components/home/dynamicOccupation.vue
@@ -1,5 +1,5 @@
 <template>
-  <h2>{{ displayedWorld }}</h2>
+  <h2>{{ displayedWorld }}<span id="cursor"/></h2>
 </template>

 <script setup>
@@ -53,12 +53,20 @@
 <style scoped>

    h2{
-        height: 1.5em;
+        height: fit-content;
        font-size: 1.5em;
        margin-top: 10px;
        margin-bottom: 5px;
        width: fit-content;
+        /*min-height: 3em;*/
+    }
+    #cursor{
        border-right: 2px solid #EAEAEA;
+        animation: blink 1s step-end infinite;
+    }
+
+    @keyframes blink {
+    50%{opacity: 0;}
    }

 </style>