From 3a1825eb727bfdc4152321ad4224745672b670e8 Mon Sep 17 00:00:00 2001 From: greg Date: Thu, 15 May 2025 10:55:25 +0200 Subject: [PATCH] css for addition.html --- content/addition.html | 5 +++-- index.html | 1 + static/css/style.css | 11 ++++++++++- static/js/script.js | 1 + 4 files changed, 15 insertions(+), 3 deletions(-) diff --git a/content/addition.html b/content/addition.html index 35ce02f..062f7a4 100644 --- a/content/addition.html +++ b/content/addition.html @@ -3,8 +3,9 @@ - Additionneur avec Bulma + Additionner +
@@ -28,7 +29,7 @@
- +
diff --git a/index.html b/index.html index 4945e9b..e9426cb 100644 --- a/index.html +++ b/index.html @@ -28,6 +28,7 @@ Home Contact Produits + Addition diff --git a/static/css/style.css b/static/css/style.css index 7cdbe3c..0c31853 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -18,6 +18,7 @@ h3 h1 { color: var(--primary-text-color) !important; } + /* DARK MODE */ :root { --bg-color: #fff; @@ -72,12 +73,19 @@ body { /* TRICKY BOUTON */ .button-area { - width: 100%; + width: 80%; height: 300px; position:relative; overflow: hidden; border: 1px solid #ccc; + margin: 0 auto; } + +.contour { + border: 1px solid #ccc; + width: 80%; + margin: 0 auto; +} #trickyButton { position: absolute; @@ -91,6 +99,7 @@ body { } #incrementer { + margin-top: 5px; padding: 10px 20px; background-color: #3f57c0 !important; color: white !important; diff --git a/static/js/script.js b/static/js/script.js index ab0d6b9..81e10cf 100644 --- a/static/js/script.js +++ b/static/js/script.js @@ -60,6 +60,7 @@ document.addEventListener("DOMContentLoaded", function () { } else { const somme = a + b; document.getElementById('resultat').textContent = somme; + document.getElementById('resultBox').style.display = "block"; } }); });