diff --git a/src/sku/components/SkuHeader.tsx b/src/sku/components/SkuHeader.tsx index e64962992..54c76103f 100644 --- a/src/sku/components/SkuHeader.tsx +++ b/src/sku/components/SkuHeader.tsx @@ -72,14 +72,7 @@ function SkuHeader( {slots['sku-header-image-extra']?.()} )} -
- {slots.default?.()} -
+
{slots.default?.()}
); } diff --git a/src/sku/index.less b/src/sku/index.less index 9e73d2978..0100529ee 100644 --- a/src/sku/index.less +++ b/src/sku/index.less @@ -25,17 +25,15 @@ } &-header { + display: flex; margin: 0 @padding-md; &__img-wrap { position: relative; - float: left; width: 96px; height: 96px; - margin: @padding-sm 0; - overflow: hidden; + margin: @padding-sm @padding-sm @padding-sm 0; background: @background-color; - border-radius: @border-radius-md; img { position: absolute; @@ -46,6 +44,7 @@ max-width: 100%; max-height: 100%; margin: auto; + border-radius: @border-radius-md; } } @@ -53,14 +52,7 @@ display: flex; flex-direction: column; justify-content: flex-end; - box-sizing: border-box; - min-height: 96px; - padding: @padding-sm 20px @padding-sm @padding-xs; - overflow: hidden; - - &--no-padding { - padding-left: 0; - } + padding: @padding-sm 20px @padding-sm 0; } }