From d93f5151837a7196b0e77ad230002743cb6a2a80 Mon Sep 17 00:00:00 2001
From: Azita Rahimi <a.rahimi@inova-agency.net>
Date: Sat, 11 Jul 2026 13:09:26 +0330
Subject: [PATCH] portfolio popup response

---
 src/assets/css/portfolio.css | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/assets/css/portfolio.css b/src/assets/css/portfolio.css
index 849fdb1..f299630 100644
--- a/src/assets/css/portfolio.css
+++ b/src/assets/css/portfolio.css
@@ -30,7 +30,7 @@ section[class*='-section'] {
   /* color: #fff; */
   /* padding-right: 120px; */
   padding-bottom: 88px;
-  /* margin-top: 80px; */
+  margin-top: 80px;
 }
 .hero-section video,
 .hero-section .bg-gif,
@@ -433,7 +433,7 @@ a.portfolio-nav-project-btn:hover {
 }
 .portfolio-modal {
   width: 704px;
-  height: 684px;
+  height: 75vh;
   background: #ffffff;
   border-radius: 7px;
   overflow: hidden;
@@ -451,8 +451,7 @@ a.portfolio-nav-project-btn:hover {
   transform: translateY(0) scale(1);
 }
 .portfolio-logo-wrapper.mobile-view {
-  width: 350px;
-  height: 820px;
+  width: 330px;
 }
 .portfolio-logo-wrapper.mobile-view .logo-popup {
   left: -50%;
@@ -460,7 +459,7 @@ a.portfolio-nav-project-btn:hover {
 }
 .portfolio-logo-wrapper.mobile-view .portfolio-modal {
   width: 360px;
-  height: 580px;
+  height: 87vh;
 }
 .close-popup {
   position: absolute;
@@ -580,8 +579,8 @@ a.portfolio-nav-project-btn:hover {
   position: absolute;
   right: -30px;
   left: 0;
-  bottom: 0;
-  width: 29px;
+  bottom: 12px;
+  width: 30px;
   height: 30px;
   background: transparent;
   border-bottom-left-radius: 7px;
@@ -681,9 +680,9 @@ a.portfolio-nav-project-btn:hover {
 .logo-popup::after {
   content: '';
   position: absolute;
-  bottom: 0;
-  left: -26px;
-  width: 26px;
+  bottom: 12px;
+  left: -13px;
+  width: 13px;
   height: 30px;
   background: transparent;
   border-bottom-right-radius: 7px;
@@ -722,8 +721,7 @@ body.dragging-scroll {
   align-items: flex-start;
   gap: 48px;
   position: relative;
-   /* top: 69px;  */
-    top: 69px;
+  top: 69px;
   transition: transform 0.3s ease;
 }
 .side-buttons {
@@ -793,9 +791,9 @@ body.dragging-scroll {
   display: none;
 }
 
-.side-buttons-wrapper.is-rotated {
+/* .side-buttons-wrapper.is-rotated {
   top: 220px;
-}
+} */
 
 .portfolio-logo-wrapper.rotated-desktop .portfolio-scroll {
   overflow-x: auto;
@@ -1806,6 +1804,8 @@ textarea {
 }
 .showcase-section > .container-showcase {
   height: 200vh;
+  position: relative;
+  z-index: 9999;
 }
 .showcase-sticky {
   position: sticky;