From f1d2f0284aa8aa7d098044dc28796ba312f05c73 Mon Sep 17 00:00:00 2001
From: OCDkirby <mangacreeperyt@gmail.com>
Date: Fri, 6 Sep 2024 16:26:15 +1000
Subject: [PATCH] fix: mobile overflow

---
 src/components/Hook.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Hook.vue b/src/components/Hook.vue
index 5f0cdb8..32e8ea5 100644
--- a/src/components/Hook.vue
+++ b/src/components/Hook.vue
@@ -38,6 +38,11 @@ var contributors = headers.get('link')?.match(/&page=(\d+)>; rel="last"/)[1]
   font-weight: bold;
 }
 
+#emu-name {
+  font-family: 'Rave';
+  font-size: calc(5vw + 5vh);
+}
+
 @font-face {
   font-family: "Rave";
   src: url('/fonts/The_Rave_Is_In_Your_Pants.otf');
@@ -47,7 +52,7 @@ var contributors = headers.get('link')?.match(/&page=(\d+)>; rel="last"/)[1]
 <template>
   <div class="hook">
     <div class="hook-item">
-      <n-gradient-text type="info" size="5em" style="font-family: 'Rave';">RPCSX</n-gradient-text>
+      <n-gradient-text type="info" id="emu-name">RPCSX</n-gradient-text>
       <n-gradient-text type="info">{{ getTime() }}</n-gradient-text>
       <n-text>of development.</n-text>
     </div>