welp

9d27aa64 · tacikbas · d0beaa4f · 9d27aa64 · 9d27aa64
Commit 9d27aa64 authored 2 months ago by tacikbas
--- a/templates/chiffre.html.twig
+++ b/templates/chiffre.html.twig
@@ -5,34 +5,38 @@
 {% endblock %}

 {% block Valeurs %}
-
-        <label for="inputBox">Enter an integer:</label>
-        <input type="number" id="inputBox" name="inputBox" value="{{ value }}" placeholder="Enter an integer" required min="0" step="1">
-
+    <div div class="mx-auto" style="width: 500px;">
+        <label class="form-label" for="inputBox">Enter an integer:</label>
+        <input class="form-control"  type="number" id="inputBox" name="inputBox" value="{{ value }}" placeholder="Enter an integer" required min="0" step="1">
+    </div>

 {% endblock%}



 {% block Type %}
-    <label for="unit">Select unit:</label>
-    <select id="unit" name="unit">
-        <option value="cm" {% if unit == 'cm' %}selected{% endif %}>Centimeters (cm)</option>
-        <option value="dm" {% if unit == 'dm' %}selected{% endif %}>Decimeters (dm)</option>
-        <option value="m" {% if unit == 'm' %}selected{% endif %}>Meters (m)</option>
-    </select>
+    <div div class="mx-auto" style="width: 500px;">
+        <label for="unit" class="form-label">Select unit:</label>
+        <select id="unit" name="unit" class="form-select">
+            <option value="cm" {% if unit == 'cm' %}selected{% endif %}>Centimeters (cm)</option>
+            <option value="dm" {% if unit == 'dm' %}selected{% endif %}>Decimeters (dm)</option>
+            <option value="m" {% if unit == 'm' %}selected{% endif %}>Meters (m)</option>
+        </select>
+    </div>

 {% endblock %}


 {% block Results %}
+<div class="mx-auto" style="width: 500px;">
    <h2>Resultats:</h2>
    <p>Inches: {{ inches }}</p>
    <p>Feet: {{ feet }}</p>
    <p>Yards: {{ yards }}</p>
-
+</div>
 {% endblock %}
 {% block Submit %}
-
-    <button type="submit">Submit</button>
+<div class="mx-auto" style="width: 500px;">
+    <button class="btn btn-primary" type="submit">Calculer</button>
+</div>
 {% endblock %}
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -4,6 +4,7 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}{% endblock %}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
 </head>
    <body>
    <form action="/" method="POST">