From 9cf24755f5b3344d7a8d4e29b2461d82a5790434 Mon Sep 17 00:00:00 2001
From: Sacha Leone <Sacha.Leone@rpn.ch>
Date: Fri, 14 Jun 2024 14:48:49 +0200
Subject: [PATCH] =?UTF-8?q?Contrat=20=C3=A0=20l'int=C3=A9rieur=20de=20l'?=
 =?UTF-8?q?=C3=A9cran=20(Vinayak=20le=20dieu=20du=20CSS)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/contracts.css                       | 30 +++++++++++++++++++++++--
 css/global.css                          |  5 +----
 html/template.html                      |  2 +-
 html/templates/contracts/contracts.html |  7 ++++--
 js/controllers/contracts.js             |  1 -
 5 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/css/contracts.css b/css/contracts.css
index 43c5cb0..cc4ffac 100644
--- a/css/contracts.css
+++ b/css/contracts.css
@@ -5,9 +5,35 @@
 }
 .contracts
 {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  height: 50%;
+  width: 50%;
+  overflow-y: scroll;
+}
+
+.contract-screen
+{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+
+
+.screen-img {
+  z-index: -1;
   position: absolute;
-  top: 25%;
-  left: 30%;
+  top: 10%;
+  height: 80%;
+  bottom: 1%;
+  right: 20%;
+  left: 20%;
+  width: 60%;
 }
 .card-body{
   margin-left: 50px;
diff --git a/css/global.css b/css/global.css
index f790fa6..a867acc 100644
--- a/css/global.css
+++ b/css/global.css
@@ -36,14 +36,11 @@ select {
     color: var(--text-color);
 }
 
-#block-content{
+.block-content{
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100vh;
-    background-repeat: no-repeat;
-    background-size: cover;
-    overflow: hidden;
 }
 
 .modal-disable::backdrop {
diff --git a/html/template.html b/html/template.html
index 6a3c791..c4b1588 100644
--- a/html/template.html
+++ b/html/template.html
@@ -7,5 +7,5 @@
 <div id="links" class="languettes">
 
 </div>
-<div id="block-content">
+<div class="block-content">
 </div>
diff --git a/html/templates/contracts/contracts.html b/html/templates/contracts/contracts.html
index 16ebb0b..9f44d26 100644
--- a/html/templates/contracts/contracts.html
+++ b/html/templates/contracts/contracts.html
@@ -1,2 +1,5 @@
-<div class="contracts">
-</div>
\ No newline at end of file
+<div class="contract-screen">
+    <img class="screen-img" src="/assets/contracts/screen.png">
+    <div class="contracts">
+    </div>
+</div>
diff --git a/js/controllers/contracts.js b/js/controllers/contracts.js
index 32d3b0c..ce7aa8d 100644
--- a/js/controllers/contracts.js
+++ b/js/controllers/contracts.js
@@ -10,7 +10,6 @@ export default function contracts(temp_engine) {
   let modal = new Modal("contract-modal", temp_engine);
 
   temp_engine.after_render((temp_engine) => {
-    $("#block-content").css("background-image", "url('/assets/contracts/screen.png')");
     modal.load("templates/contracts/contracts_modal.html");
 
     Contract.list(10, 1, (contracts) => {