From 801aa9ce3fcc91d6e091c41128e5607ab4704fe8 Mon Sep 17 00:00:00 2001
From: Micha Albert <micha@2231puppy.tech>
Date: Thu, 1 Aug 2024 21:38:24 +0000
Subject: [PATCH] frontend fixes as proposed by @Hex-4

---
 stream/tiling-frontend/src/App.svelte     | 7 +++++--
 stream/tiling-frontend/src/app.css        | 2 ++
 stream/tiling-frontend/tailwind.config.js | 5 +++++
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/stream/tiling-frontend/src/App.svelte b/stream/tiling-frontend/src/App.svelte
index 599c8f5..efef63c 100644
--- a/stream/tiling-frontend/src/App.svelte
+++ b/stream/tiling-frontend/src/App.svelte
@@ -133,11 +133,11 @@
   {:else}
     <div class="text-center text-4xl absolute w-screen h-screen top-1/2">
       <p>
-        No one is here yet!<br /> Check back later
+        No one is here yet!<br /> Check back later.
       </p>
     </div>
   {/if}
-  <h2 class="absolute bottom-4 text-center w-screen text-xl">
+  <h2 class="absolute bottom-4 text-center w-screen text-3xl">
     Join at <div
       style="display: inline-block; color: #338eda; text-decoration-line: underline;"
     >
@@ -147,6 +147,9 @@
 </div>
 
 <style>
+  :root{
+    overflow: hidden;
+  }
   .gradient {
     width: 100vw;
     height: 100vh;
diff --git a/stream/tiling-frontend/src/app.css b/stream/tiling-frontend/src/app.css
index bd6213e..2fb79d2 100644
--- a/stream/tiling-frontend/src/app.css
+++ b/stream/tiling-frontend/src/app.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
\ No newline at end of file
diff --git a/stream/tiling-frontend/tailwind.config.js b/stream/tiling-frontend/tailwind.config.js
index 13207cc..85090b5 100644
--- a/stream/tiling-frontend/tailwind.config.js
+++ b/stream/tiling-frontend/tailwind.config.js
@@ -3,6 +3,11 @@ export default {
   content: ['./src/**/*.{html,js,svelte,ts}'],
   theme: {
     extend: {},
+    fontFamily: {
+      'display': ['Inter'],
+      'sans': ['Inter'],
+      'body': ['Inter']
+    }
   },
   plugins: [],
 }