gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

포토리뷰 작업 중

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-12-22 22:48:31 +09:00
parent a23a4b3f2a
commit f4f47bcc5f
18 changed files with 683 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
kr/assets/css/common.scss
View File

@@ -5318,22 +5318,32 @@ video::-webkit-media-controls {
padding: 2rem;
.popInner {
width: 98%;
max-height: 90%;
overflow-y: scroll;
width: 100%;
max-height: 100%;
overflow-y: auto;
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
top: 0 !important;
left: 0;
bottom: 0;
transform: translate(0, 0);
background-color: #fff;
padding: 2rem;
border-radius: 0.6rem;
border-radius: 0;
@include tablet {
top: 53% !important;
left: 50%;
bottom: auto;
width: 100%;
max-width: 90rem;
min-height: 22rem;
transform: translate(-50%, -50%);
padding: 5rem 2rem;
border-radius: 0.6rem;
}
button {
cursor: pointer;
}
.title {
@@ -5814,6 +5824,10 @@ video::-webkit-media-controls {
}
}
.selectInner .cont-select .list-member {
top: 4.8rem;
}
.carswBtn {
width: 100%;
margin: 0 auto;
@@ -5834,22 +5848,27 @@ video::-webkit-media-controls {
.leftBtn {
margin-right: 0;
cursor: pointer;
@include tablet {
margin-right: 0.5rem;
max-width: 18rem;
}
}
.rightBtn {
margin-left: 0;
cursor: pointer;
@include tablet {
margin-left: 0.5rem;
max-width: 18rem;
}
}
@include tablet {
flex-wrap: nowrap;
justify-content: center;
}
a + a {
@@ -5877,7 +5896,7 @@ video::-webkit-media-controls {
.optionDetail {
display: none !important;
@include tablet {
display: flex;
display: flex !important;
}
.optionDetailInner {
overflow: hidden;
@@ -5907,7 +5926,12 @@ video::-webkit-media-controls {
.date {
font-size: 1.4rem;
color: #676767;
font-weight: normal;
font-weight: 400;
b,
strong {
font-weight: 400;
margin-right: 0.4rem;
}
}
.name {
margin-top: 2rem;
@@ -5994,7 +6018,10 @@ video::-webkit-media-controls {
.photoReviewDetailPopup {
.popInner {
max-width: 124rem;
padding: 5rem 2rem;
padding: 2rem;
@include tablet {
padding: 5rem 2rem;
}
}
.title {
position: relative;
@@ -6046,6 +6073,7 @@ video::-webkit-media-controls {
display: flex;
flex-wrap: wrap;
width: 100%;
transition: 0.2s all ease;
@include tablet {
flex-wrap: nowrap;
gap: 3rem;
@@ -6053,6 +6081,7 @@ video::-webkit-media-controls {
.photoReviewDetailLeft {
width: 100%;
margin-bottom: 2rem;
transition: 0.2s all ease;
@include tablet {
max-width: 72rem;
margin-bottom: 0;
@@ -6103,6 +6132,9 @@ video::-webkit-media-controls {
display: flex;
flex-direction: column;
height: 60rem;
padding: 3.2rem 0 2rem;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.reviewSummary {
display: flex;
@@ -6121,6 +6153,7 @@ video::-webkit-media-controls {
padding-top: 0;
border: 0;
flex: 1;
height: calc(100% - 62rem);
}
.textArea {
@include tablet {
@@ -6148,10 +6181,16 @@ video::-webkit-media-controls {
display: block;
font-size: 1.4rem;
color: #a6a6a6;
+ span {
@include tablet {
margin-top: 0.2rem;
}
}
}
}
.contents {
padding: 1rem 0 2rem;
padding: 0 0 2rem;
margin-top: 1rem;
font-size: 1.4rem;
color: #000;
line-height: 1.5;
@@ -6189,6 +6228,10 @@ video::-webkit-media-controls {
height: 4rem;
border-radius: 0.8rem;
overflow: hidden;
@include tablet {
width: 6rem;
height: 6rem;
}
img {
width: 100%;
height: 100%;