diff --git a/src/base/ShopItem/ShopItem.vue b/src/base/ShopItem/ShopItem.vue index 3f2a5dc..b0dc9f9 100644 --- a/src/base/ShopItem/ShopItem.vue +++ b/src/base/ShopItem/ShopItem.vue @@ -84,6 +84,7 @@ const deactivate = () => store.SET_SHOP(null) width: 100%; height: 100%; object-fit: contain; + object-position: center; } .name { display: flex; @@ -290,6 +291,9 @@ const deactivate = () => store.SET_SHOP(null) } @media (min-aspect-ratio: 1/1) { .group-item { + .logo-wrapper { + padding: 20px 35px; + } &.isGuide { width: 190px; &.isActive { diff --git a/src/views/Index/Index.vue b/src/views/Index/Index.vue index 85c3afa..c5bd0ae 100644 --- a/src/views/Index/Index.vue +++ b/src/views/Index/Index.vue @@ -640,6 +640,9 @@ const handleFood = id => { .food { height: 625px; top: 84px; + .brandSwiper { + height: 457px; + } } .menu { left: 1068px;