UpdateUI Css Page creator

2024-03-05 21:43:48 -05:00
parent a4765405c3
commit 5253c5448c
43 changed files with 1625 additions and 157 deletions
--- a/src/layouts/FormInscriptionBeta.vue
+++ b/src/layouts/FormInscriptionBeta.vue
@@ -0,0 +1,57 @@
+<template>
+  <div class="md:flex hidden items-center justify-between flex-col">
+    <div>
+      <H1 class="h1-inscription-beta-Inscrivez-vous"> Inscrivez-vous </H1>
+    </div>
+
+    <div>
+      <v-text-field label="First name"
+        style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+      <v-text-field label="Last name"
+        style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+      <v-text-field label="E-mail"
+        style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+      <v-textarea label="Pourquoi voulez-vous participer?"
+        style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-textarea>
+
+    </div>
+  </div>
+
+  <div class="md:hidden flex flex-col items-center justify-center">
+
+<div>
+  <H1 class="h1-inscription-beta-Inscrivez-vous"> Inscrivez-vous </H1>
+</div>
+
+<div>
+  <v-text-field label="First name"
+    style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+  <v-text-field label="Last name"
+    style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+  <v-text-field label="E-mail"
+    style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-text-field>
+  <v-textarea label="Pourquoi voulez-vous participer?"
+    style="color: rgb(107, 0, 101); background-color: rgb(255, 255, 255);"></v-textarea>
+
+</div>
+</div>
+
+</template>
+
+
+
+<script setup>
+</script>
+
+<style>
+.h1-inscription-beta-Inscrivez-vous {
+  font-size: 20px;
+  /* Taille de la police de 20 pixels */
+  font-weight: bold;
+  /* Texte en gras */
+  text-align: center;
+  /* Centrer le texte */
+  margin-top: 5px;
+  margin-bottom: 15px;
+}
+</style>