From a3edac7d51c68de160e261f7f368bddda7f1c3f4 Mon Sep 17 00:00:00 2001
From: gwen <a>
Date: Tue, 27 Feb 2024 14:52:01 +0100
Subject: [PATCH] utiliser bootstrap pour les input

---
 .../src/components/jeux/kahoot/Kahoot.vue     |  6 ++--
 science-quest/src/scss/kahoot.scss            | 28 +------------------
 2 files changed, 4 insertions(+), 30 deletions(-)

diff --git a/science-quest/src/components/jeux/kahoot/Kahoot.vue b/science-quest/src/components/jeux/kahoot/Kahoot.vue
index 4d3f148..23105ed 100644
--- a/science-quest/src/components/jeux/kahoot/Kahoot.vue
+++ b/science-quest/src/components/jeux/kahoot/Kahoot.vue
@@ -52,7 +52,7 @@ export default {
             </button>
             <form @submit.prevent>
                 <label for="Kahoot-Code">Code</label>
-                <input type="text" id="Kahoot-Code" name="Kahoot-Code" v-model="codeKahoot" minlength="6" maxlength="10">
+                <input class="form-control" type="text" id="Kahoot-Code" name="Kahoot-Code" v-model="codeKahoot" minlength="6" maxlength="10">
                 <button class="btn btn-light" v-on:click="rejoindrePartie">Rejoindre</button>
             </form>
         </div>
@@ -73,11 +73,11 @@ export default {
                 <div class="modal-body">
                     <div>
                     <label for="Kahoot-Create-Title">Titre</label>
-                    <input type="text" id="Kahoot-Create-Title" name="Kahoot-Create-Title" v-model="titreKahoot" required minlength="2" maxlength="255">
+                    <input class="form-control" type="text" id="Kahoot-Create-Title" name="Kahoot-Create-Title" v-model="titreKahoot" required minlength="2" maxlength="255">
                     </div>
                     <div>
                     <label for="Kahoot-Create-Questions">Nombre de questions</label>
-                    <input type="number" id="Kahoot-Create-Questions" name="Kahoot-Create-Questions" v-model="nbQuestions" required min="1" max="99">
+                    <input class="form-control" type="number" id="Kahoot-Create-Questions" name="Kahoot-Create-Questions" v-model="nbQuestions" required min="1" max="99">
                     </div>
                 </div>
                 <div class="modal-footer">
diff --git a/science-quest/src/scss/kahoot.scss b/science-quest/src/scss/kahoot.scss
index 15c3bd7..8f9ed1e 100644
--- a/science-quest/src/scss/kahoot.scss
+++ b/science-quest/src/scss/kahoot.scss
@@ -51,23 +51,6 @@
         font-weight: bold;
         margin-bottom: 0.5em;
     }
-
-    input[type="text"],
-    input[type="number"] {
-        padding: 0.5em;
-        margin-bottom: 1em;
-        border: 1px solid #ccc;
-        border-radius: 4px;
-    }
-
-    button.Kahoot-Create-Button {
-        padding: 0.5em 1em;
-        background-color: #000;
-        color: #fff;
-        border: none;
-        border-radius: 4px;
-        cursor: pointer;
-    }
 }
 
 .Kahoot-List-Item {
@@ -79,13 +62,4 @@
     background-color: #f4f4f4;
     border-radius: 4px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.Kahoot-List-Item-Button {
-    padding: 0.5em 1em;
-    background-color: #000;
-    color: #fff;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-}
+}
\ No newline at end of file