From df150ce9a17ba78839cb2eacca212b61e5f8eeb3 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 9 Jan 2025 12:00:12 -0500
Subject: [PATCH] Ui fixes

---
 src/views/profile/creators/CreateCreator.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/views/profile/creators/CreateCreator.vue b/src/views/profile/creators/CreateCreator.vue
index 448f9e3..b263924 100644
--- a/src/views/profile/creators/CreateCreator.vue
+++ b/src/views/profile/creators/CreateCreator.vue
@@ -38,9 +38,10 @@ async function createAccount() {
 </script>
 
 <template>
-  <div class="text-center">
-    <div class="py-2 text-2xl font-bold flex flex-row items-center">
-      <div class="flex-grow text-center">Devenez Créateur</div>
+  <div>
+    <div class="create-creator-card">
+    <div class="py-2 text-3xl font-bold">
+      <div class="text-center mb-10">Créez votre Hutopy.</div>
     </div>
     <div class="flex flex-column justify-end gap-2">
       <v-alert
@@ -56,7 +57,7 @@ async function createAccount() {
       <v-text-field
           variant="outlined"
           v-model="creatorName"
-          label="Nom de créateur"
+          label="Nom de la page"
           outlined
       ></v-text-field>
       <div class="flex flex-row justify-end gap-2">
@@ -72,4 +73,12 @@ async function createAccount() {
       </div>
     </div>
   </div>
+  </div>
 </template>
+
+<style scoped>
+.create-creator-card {
+  @apply text-center max-w-[1000px] mx-auto p-10 bg-white shadow-2xl rounded mt-16 ;
+}
+
+</style>
\ No newline at end of file