optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[OnSalePanel] OnSaleCategoryNavItem 수정

Browse Source 
Detail Notes :

1. GUI 변경에 따른 style 수정
This commit is contained in:
younghoon100.park
2024-03-15 14:44:54 +09:00
parent 40be279ac0
commit e22b4e2cc7
1 changed files with 12 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
com.twin.app.shoptime/src/views/OnSalePanel/OnSaleCategoryNav/OnSaleCategoryNavItem/OnSaleCategoryNavItem.module.less
View File

@@ -9,7 +9,7 @@
color: @COLOR_GRAY08;
text-align: center;
div {
> div:nth-child(1) {
.flex();
.size(@w: 94px, @h: 94px);
margin-bottom: 18px;
@@ -17,7 +17,7 @@
background-color: @COLOR_GRAY08;
border: 2px solid @COLOR_GRAY08;
span {
> span {
.size(@w: 80px, @h:80px);
background-position: center;
background-size: cover;
@@ -84,7 +84,7 @@
}
}
strong {
> strong:nth-child(2) {
height: 60px;
margin-bottom: 12px;
}
@@ -99,75 +99,13 @@
/* focused */
&:focus {
div {
background-color: @COLOR_WHITE;
> div:nth-child(1) {
background-color: @PRIMARY_COLOR_RED;
border: solid 2px @PRIMARY_COLOR_RED;
box-shadow: 0 0 25px 0 rgba(2, 3, 3, 0.8);
span {
// LG Electronics
&.categoryInfoIcon-1017 {
background-image: url("../../../../../assets/images/icons/ic-category-lgelectronics-foc@3x.png");
}
// Garden and Outdoors
&.categoryInfoIcon-1008 {
background-image: url("../../../../../assets/images/icons/ic-category-garden-foc@3x.png");
}
// Fashion
&.categoryInfoIcon-1000 {
background-image: url("../../../../../assets/images/icons/ic-category-fashion-foc@3x.png");
}
// Beauty
&.categoryInfoIcon-1003 {
background-image: url("../../../../../assets/images/icons/ic-category-beauty-foc@3x.png");
}
// Jewelry
&.categoryInfoIcon-1004 {
background-image: url("../../../../../assets/images/icons/ic-category-jewelry-foc@3x.png");
}
// Home
&.categoryInfoIcon-1006 {
background-image: url("../../../../../assets/images/icons/ic-category-home-foc@3x.png");
}
// Kitchen & Food
&.categoryInfoIcon-1007 {
background-image: url("../../../../../assets/images/icons/ic-category-kitchen-foc@3x.png");
}
// Accessories
&.categoryInfoIcon-1014 {
background-image: url("../../../../../assets/images/icons/ic-category-accessories-foc@3x.png");
}
// Heaclth & Fitness
&.categoryInfoIcon-1009 {
background-image: url("../../../../../assets/images/icons/ic-category-health-foc@3x.png");
}
// Crafts & Sewing
&.categoryInfoIcon-1011 {
background-image: url("../../../../../assets/images/icons/ic-category-cw-foc@3x.png");
}
// Electronics
&.categoryInfoIcon-1010 {
background-image: url("../../../../../assets/images/icons/ic-category-electronics-foc@3x.png");
}
// Clearance
&.categoryInfoIcon-1013 {
background-image: url("../../../../../assets/images/icons/ic-category-clearance-foc@3x.png");
}
}
box-shadow: 0 0 22px 0 rgba(2, 3, 3, 0.8);
}
strong {
> strong:nth-child(2) {
color: @PRIMARY_COLOR_RED;
}
@@ -179,12 +117,12 @@
/* selected */
.selected {
div {
background-color: @PRIMARY_COLOR_RED;
border: solid 2px @PRIMARY_COLOR_RED;
> div:nth-child(1) {
background-color: @SELECTED_COLOR_RED;
border: solid 2px @SELECTED_COLOR_RED;
}
strong {
color: @PRIMARY_COLOR_RED;
> strong:nth-child(2) {
color: @SELECTED_COLOR_RED;
}
}