From 55bf14fc7321f10cc55858a1fb0734600d91b93c Mon Sep 17 00:00:00 2001
From: vgaNAR6ta <vga.nar6.ta@gmail.com>
Date: Mon, 6 Jul 2026 00:33:14 +0200
Subject: [PATCH] =?UTF-8?q?edit:=20recadrage=20video=20fond=20+=20blend=20?=
 =?UTF-8?q?mode=20event=20pour=20lisibilit=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EventContent.vue | 3 +++
 src/style.css                   | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/EventContent.vue b/src/components/EventContent.vue
index dcab665..a12818c 100644
--- a/src/components/EventContent.vue
+++ b/src/components/EventContent.vue
@@ -46,6 +46,8 @@
             border-radius: 16.1px;
             flex-shrink: 0;
             gap: 0;
+            mix-blend-mode: exclusion;
+            filter: contrast(200%);
 
                   .titleSection{
                     width: 100%;
@@ -102,6 +104,7 @@
     .eventEntry:hover{
       background-color: var(--back-color);
       color: var(--main-color);
+      mix-blend-mode: normal;
 
       p{
         color: var(--main-color);
diff --git a/src/style.css b/src/style.css
index 2c6976c..7a054b7 100644
--- a/src/style.css
+++ b/src/style.css
@@ -158,7 +158,7 @@ html, body{
   right: 0;
   bottom: 0;
   width: auto;
-  height: 200%;
+  height: 133%;
   overflow: hidden;
   pointer-events: none;
   z-index: -1;
@@ -167,6 +167,10 @@ html, body{
   filter: contrast(200%) saturate(33%) grayscale();
   transform: rotate(180deg);
   mix-blend-mode: difference;
+
+  @media(min-width: 700px){
+    height: 200%;
+  }
 }
 
 #mainContainer{