From 0ac86d822dc0d917491612df64b792eda7105be5 Mon Sep 17 00:00:00 2001
From: Daniel Roe <daniel@roe.dev>
Date: Thu, 1 Feb 2024 23:11:05 +0000
Subject: [PATCH] fix: prevent overflow on form

---
 app.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app.vue b/app.vue
index 2458e33..41bcd2a 100644
--- a/app.vue
+++ b/app.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="font-sans text-white min-h-screen min-w-screen flex flex-col items-start justify-start">
-    <div class="flex flex-col justify-start mt-4 sm:mt-8 md:my-12 p-4 gap-8 md:gap-12 flex-grow">
+    <div class="flex flex-col justify-start mt-4 sm:mt-8 md:my-12 p-4 gap-8 md:gap-12 flex-grow max-w-full">
       <h1 class="flex flex-row gap-4 text-white text-3xl md:text-5xl">
         <span class="text-green-400">&raquo;</span>
         <button v-if="domain && !editing" class="bg-transparent" @click="enableEditing">{{ domain }}</button>
-        <form v-else class="flex flex-col gap-4" @submit.prevent="navigateToNewDomain">
+        <form v-else class="flex flex-col gap-4 overflow-hidden" @submit.prevent="navigateToNewDomain">
           <input ref="input" v-model="newDomain" name="domain" type="text"
-            class="leading-none tracking-none py-0  bg-transparent outline-none focus:underline underline-dashed"
+            class="py-0 bg-transparent outline-none focus:underline underline-dashed"
             autofocus placeholder="Enter a domain" required />
           <button type="submit"
             class="bg-green-400 text-black hover: hover:bg-white focus:bg-white active:bg-white text-xl md:text-2xl py-2 px-6 md:self-start">See