Adds scroll to overflowing dialog

frontend/src/views/profile/account/AliasDialog.vue

@@ -6,7 +6,7 @@
       {{ $t('personnalinformation.alias') }}
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
       <v-text-field
           variant="outlined"
           v-model="alias"

frontend/src/views/profile/account/EmailDialog.vue

@@ -4,7 +4,7 @@
       Courriel
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
       <v-text-field
           v-model="email"
           label="Votre courriel"

frontend/src/views/profile/account/FullnameDialog.vue

@@ -19,7 +19,7 @@ const requestSave = () => emit('save', firstname.value, lastname.value)
       {{ $t('personnalinformation.fullname') }}
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
       <v-text-field
           variant="outlined"
           v-model="firstname"
@@ -27,7 +27,7 @@ const requestSave = () => emit('save', firstname.value, lastname.value)
       ></v-text-field>
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
       <v-text-field
           variant="outlined"
           v-model="lastname"

frontend/src/views/profile/creators/ChangeStripeIdDialog.vue

@@ -38,7 +38,7 @@ const cancel = () => {
       Modifier le Stripe ID
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
       <v-text-field
           v-model="stripeId"
           label="Stripe Id"

frontend/src/views/profile/creators/ChangeTitleDialog.vue

@@ -42,7 +42,7 @@ const cancel = () => {
       Modifier le Titre
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
       <v-text-field
           v-model="title"
           label="Titre"

frontend/src/views/profile/creators/SocialsDialog.vue

@@ -72,7 +72,7 @@ const cancel = () => {
       Reseaux Sociaux
     </div>
 
-    <div class="card-entry">
+    <div class="card-content">
 
       <div class="editor-line">
         <facebook class="social-icon"></facebook>
@@ -174,9 +174,8 @@ const cancel = () => {
 <style scoped>
 
 .editor-line {
-  @apply flex flex-row gap-6;
+  @apply flex flex-row gap-4;
   @apply items-center;
-  @apply mb-4;
 }
 
 .social-icon {
@@ -184,10 +183,11 @@ const cancel = () => {
 }
 
 .input-field {
-  @apply w-full p-4;
+  @apply w-full p-[10px];
   @apply rounded-sm;
   @apply transition duration-200;
   @apply ring-1 ring-[#6D6C70] focus:outline-none focus:ring-hutopySecondary;
+  @apply hover:ring-hutopyPrimary;
   @apply placeholder:text-[#6D6C70]
 }