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

UIUX수정

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2025-05-19 21:35:52 +09:00
parent bbdd87be3f
commit ed9b8e8b3b
115 changed files with 7980 additions and 4892 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -717,6 +717,11 @@ video::-webkit-media-controls {
//보더가 있는 헤더
.hederWarp.hBoder {
border-bottom: 1px solid #dedede;
&.menu-open {
.user .icon-user {
background-image: url(../images/common/icon-user.svg);
}
}
}
.hederWarp_n {
@@ -726,10 +731,6 @@ video::-webkit-media-controls {
z-index: 101;
overflow-x: clip;
background-color: transparent;
&::before {
opacity:1;
transition: opacity 0.1s ease-in-out;
}
@media (max-width: 1240px) {
padding: 0 2rem;
@@ -739,16 +740,16 @@ video::-webkit-media-controls {
// height: 5.6rem;
}
&.menu-open {
background-color: #fff;
&:before {
opacity: 0 !important;
}
&+.pageTitle {
z-index: 0 !important;
}
.user .icon-user {
background-image: url(../images/common/icon-user.svg) !important;
}
.headerInner {
.gnb {
.logoWrap {
a {
@@ -764,9 +765,6 @@ video::-webkit-media-controls {
}
}
}
.menuBg {
opacity: 1;
}
}
}
@@ -822,7 +820,18 @@ video::-webkit-media-controls {
}
}
}
.menuBg {
@media (min-width: 1024px) {
&::after{
opacity: 1;
}
}
}
}
}
@@ -833,19 +842,45 @@ video::-webkit-media-controls {
max-width: 120rem;
height: 8rem;
margin: 0 auto;
@media (max-width: 1024px) {
height: 5.6rem;
}
.menuBg {
display: none;
@media (min-width: 1024px) {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
background-color: #fff;
transition: height 0.2s;
&::after{
content:"";
position: absolute;
top:80px;
left: 0;
right: 0;
border-top: 1px solid #dedede;
z-index: 2;
opacity: 0;
transition: opacity 0.2s;
}
}
}
.gnb {
display: flex;
justify-content: flex-start;
align-items: center;
.logoWrap {
z-index: 0;
position: relative;
z-index: 2;
@media (min-width: 1024px) {
display: flex;
align-items: center;
@@ -1098,22 +1133,6 @@ video::-webkit-media-controls {
}
}
.menuBg {
transition: all 0.1s ease;
background-color: #fff;
@media (min-width: 1024px) {
display: block;
position: absolute;
top: 8rem;
left: 0;
right: 0;
z-index: 1;
height: 0;
opacity: 0;
border-top: 1px solid #DEDEDE;
}
}
.menu {
display: flex;
margin-left: 4.5rem;
@@ -1367,6 +1386,8 @@ video::-webkit-media-controls {
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
z-index: 2;
.carlist {
position: relative;
@@ -1408,6 +1429,10 @@ video::-webkit-media-controls {
}
&.on {
&::after {
transform: rotate(-180deg);
background-position-x: left;
}
.carlistItem {
display: block;
}
@@ -1699,6 +1724,12 @@ video::-webkit-media-controls {
background: url("../images/common/icon-tbarrow.svg") center right no-repeat;
background-size: 1.2rem;
}
&.on {
&::after {
transform: rotate(-180deg);
background-position-x: left;
}
}
}
&.on {