From 34180ec3839fe5ff4803eb90d7c30389a0403036 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Sat, 7 Sep 2024 10:53:22 -0400
Subject: [PATCH] Fix for mobile version

---
 src/views/main/Register.vue     | 2 +-
 src/views/main/RegisterForm.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/main/Register.vue b/src/views/main/Register.vue
index a527f71..8d67106 100644
--- a/src/views/main/Register.vue
+++ b/src/views/main/Register.vue
@@ -5,7 +5,7 @@
       <div class="max-w-[700px] min-w-[300px] mt-14">
         <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
       </div>
-      <div class="flex flex-col items-center min-w-[700px] m-12">
+      <div class="flex flex-col items-center min-w-[300px] sm:min-w-[400px] md:min-w-[500px] lg:min-w-[700px] m-12">
         <register-form></register-form>
       </div>
     </div>
diff --git a/src/views/main/RegisterForm.vue b/src/views/main/RegisterForm.vue
index 7019206..c347663 100644
--- a/src/views/main/RegisterForm.vue
+++ b/src/views/main/RegisterForm.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="flex flex-col items-center min-w-[700px] m-4">
+    <div class="flex flex-col items-center min-w-[300px] sm:min-w-[400px] md:min-w-[500px] lg:min-w-[700px] m-4">
       <h1 class="text-center text-2xl font-bold mb-5">Inscription</h1>
       <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
       <div class="w-full">