From 9d27aa64125fd0542e95ec7753186a741e29784f Mon Sep 17 00:00:00 2001
From: tacikbas <tacikbas@etu.unistra.fr>
Date: Mon, 16 Dec 2024 18:01:02 +0100
Subject: [PATCH] welp
---
templates/chiffre.html.twig | 30 +++++++++++++++++-------------
templates/layout.html.twig | 1 +
2 files changed, 18 insertions(+), 13 deletions(-)
diff --git a/templates/chiffre.html.twig b/templates/chiffre.html.twig
index a5ce5d1..2dc55b8 100644
--- 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 %}
diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index d732df5..23818d5 100644
--- 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">
--
GitLab