[Home] TopContents 포커스시 shadow 보이도록 처리

2024-05-14 10:08:50 +09:00
parent 0ed0744b11
commit a503bd4b62
3 changed files with 4 additions and 7 deletions
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.module.less
@@ -45,11 +45,10 @@
      }
    }
    &.isHorizontal {
-      border-radius: 12px;
-      overflow: hidden;
      .size(@w: 744px, @h: 420px);
      .imgBanner {
        > img {
+          border-radius: 12px;
          .size(@w: 744px, @h: 420px);
        }
      }
@@ -121,7 +120,6 @@
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -o-border-radius: 12px;
-        overflow: hidden;
        > div {
          flex: none;
        }
@@ -155,7 +153,7 @@
    }
    &:focus {
      &::after {
-        .focused(@boxShadow:0, @borderRadius: 12px);
+        .focused(@boxShadow:22px, @borderRadius: 12px);
      }
    }
  }