AzitaRahimi/final-protfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

portfolio popup response

Browse Source
This commit is contained in:
Azita Rahimi
2026-07-11 13:09:26 +03:30
parent b69784dfb0
commit d93f515183
1 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/assets/css/portfolio.css
View File

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