From eaba21e1266b6bb388b740ebb707a0020ab3fe1b Mon Sep 17 00:00:00 2001
From: vgaNAR6ta <vga.nar6.ta@gmail.com>
Date: Mon, 6 Jul 2026 04:21:38 +0200
Subject: [PATCH] edit: style de l'indicateur d'ouverture

---
 index.html                   |  2 +-
 src/components/lolStatus.vue | 19 +++++++++++++------
 src/style.css                | 21 ++++-----------------
 3 files changed, 18 insertions(+), 24 deletions(-)

diff --git a/index.html b/index.html
index 4669f4a..54ad884 100644
--- a/index.html
+++ b/index.html
@@ -88,7 +88,7 @@
           </svg>
         </div>
         <div class="uiStyle" id="lolOpener">
-          <p>Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte :</p>
+          <p id="desc">Le lieu est parfois ouvert en dehors des horaires habituels donc on a installé un capteur sur la porte :</p>
         </div>
       </div>
       <div id="aboutSection">
diff --git a/src/components/lolStatus.vue b/src/components/lolStatus.vue
index 4386712..63a19d0 100644
--- a/src/components/lolStatus.vue
+++ b/src/components/lolStatus.vue
@@ -8,30 +8,37 @@
   #lolStatusContainer{
     width: 161px;
     height: 33px;
-    background-color: transparent;
-    color: var(--main-color);
+    background-color: var(--main-color);
+    color: var(--back-color);
     border-color: var(--main-color);
     border-style: solid;
     border-width: thin;
-    border-radius: 0;
+    border-radius: 33px;
     display: flex;
     align-items: center;
     justify-content: space-around;
-    padding-bottom: 3.33px;
+    padding-bottom: 7.77px;
     margin-left: 1.61vw;
+    padding-left: 3.33px;
+    filter: contrast(200%) saturate(200%);
 
           p{
             font-family: 'pressStart2P';
-            font-size: 13.12px;
+            font-size: 16.1px;
             letter-spacing: 1.61px;
             font-weight: normal;
           }
   }
 
   #lolOpener #lolStatusContainer{
+    padding-top: 3.33px;
     margin-left: 0;
     width: 90%;
     align-self: center;
+
+    @media(min-width: 700px){
+      width: 44%;
+    }
   }
 
 </style>
@@ -56,7 +63,7 @@
         this.statusText = this.lolCurrentStatus ? 'OUVERT !' : 'FERMÉ...';
         document.documentElement.setAttribute('data-theme' , currentTheme);
         document.querySelector('link').href = this.lolCurrentStatus ? './src/assets/favicon_open.svg' : './src/assets/favicon.svg'
-        this.$refs.lolStatus.style.animation = this.lolCurrentStatus ? 'blink 1.61s infinite' : 'none';
+        this.$refs.lolStatus.style.animation = this.lolCurrentStatus ? 'blink 3.33s infinite' : 'none';
       }
     },
     computed: {
diff --git a/src/style.css b/src/style.css
index 7a054b7..cfefea2 100644
--- a/src/style.css
+++ b/src/style.css
@@ -536,18 +536,6 @@ html, body{
           position: relative;
           gap: 0;
           height: auto;
-
-                #lolStatus{
-                  width:90%;
-                  height: 44px;
-                  border-color: var(--main-color);
-                  border-style: solid;
-                  border-width: thin;
-                  border-radius: 0;
-                  align-self: center;
-                  margin-bottom: 7.77px;
-
-                }
         }
 
   @media(min-width: 700px){
@@ -598,11 +586,10 @@ html, body{
             padding-left: 16.1px;
             height: 77px;
 
-                   #lolStatus{
-                     width: 44%;
-                     align-self: center;
-                     margin-top: 7.77px;
-                   }
+                    #desc{
+                      width: 44%;
+                      box-sizing: border-box;
+                    }
           }
 
           #title{