[ImagePanel] fixed issue, SHOPTIME-3037

This commit is contained in:
younghoon100.park
2024-07-17 17:42:08 +09:00
parent 7a2df7383b
commit 7c02dae738

View File

@@ -51,16 +51,18 @@
.up {
position: absolute;
top: 12px;
top: 0;
left: 50%;
transform: translateX(-50%);
.size(@w: 48px, @h: 48px);
background-size: contain;
.size(@w: 144px, @h: 48px);
background-position: center center;
background-repeat: no-repeat;
background-image: url("../../../../assets/images/btn/btn-wh-arrow-top-nor.svg");
transition: opacity 0.5s ease-in-out;
&:focus {
background-image: url("../../../../assets/images/btn/btn-wh-arrow-top-foc.svg");
background-color: @PRIMARY_COLOR_RED;
border-radius: 0 0 4px 4px;
}
}
@@ -69,13 +71,15 @@
bottom: 0;
left: 50%;
transform: translateX(-50%);
.size(@w: 48px, @h: 48px);
background-size: contain;
.size(@w: 144px, @h: 48px);
background-position: center center;
background-repeat: no-repeat;
background-image: url("../../../../assets/images/btn/btn-wh-arrow-down-nor.svg");
transition: opacity 0.5s ease-in-out;
&:focus {
background-image: url("../../../../assets/images/btn/btn-wh-arrow-down-foc.svg");
background-color: @PRIMARY_COLOR_RED;
border-radius: 4px 4px 0 0;
}
}