utiliser bootstrap pour les input

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">

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 {
@@ -80,12 +63,3 @@
     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;
-}