From 23e5d81db9c023147eaf692956c09870abdeefe3 Mon Sep 17 00:00:00 2001
From: Alix JEUDI--LEMOINE <alix.jeudi--lemoine@etu.uca.fr>
Date: Thu, 19 Jun 2025 22:40:39 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Added=20a=20container=20for=20th?=
 =?UTF-8?q?e=20pin=20detail=20with=20a=20custom=20background=20+=20fixed?=
 =?UTF-8?q?=20image=20size=20for=20small=20screen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/pin-detail/pin-detail.component.css | 14 ++++++++++++++
 .../pin-detail/pin-detail.component.html           |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/components/pin-detail/pin-detail.component.css b/src/app/components/pin-detail/pin-detail.component.css
index e9e4a02..ae43536 100644
--- a/src/app/components/pin-detail/pin-detail.component.css
+++ b/src/app/components/pin-detail/pin-detail.component.css
@@ -1,3 +1,7 @@
+#pin-detail-container {
+  background-color: #f9fafb;
+}
+
 .pin-detail {
   display: flex;
   align-items: center;
@@ -57,3 +61,13 @@
   align-items: center;
   justify-content: center;
 }
+
+@media (max-height: 740px) {
+  .card-pin-detail {
+    height: auto;
+    max-height: 100%;
+  }
+  .carousel-flex {
+    min-height: 200px;
+  }
+}
diff --git a/src/app/components/pin-detail/pin-detail.component.html b/src/app/components/pin-detail/pin-detail.component.html
index b0cbe7d..75b283e 100644
--- a/src/app/components/pin-detail/pin-detail.component.html
+++ b/src/app/components/pin-detail/pin-detail.component.html
@@ -1,5 +1,5 @@
 <!-- Conteneur principal -->
-<div class="min-h-[92vh] bg-gray-100 px-4 py-12 overflow-y-auto">
+<div class="min-h-[90vh] px-4 py-4 overflow-y-auto" id="pin-detail-container">
   <!-- .pin-detail agit comme conteneur vertical -->
   <div class="pin-detail">
     <div class="card-pin-detail" *ngIf="pin">