diff --git a/packages/layout-design/src/design-index-view/components/design-bottom-menu/design-bottom-menu.scss b/packages/layout-design/src/design-index-view/components/design-bottom-menu/design-bottom-menu.scss index 30faa5678d96d0bb8d36b51e8873389d19db646a..27db5ec8b6688071c774059123656ac58ba24a02 100644 --- a/packages/layout-design/src/design-index-view/components/design-bottom-menu/design-bottom-menu.scss +++ b/packages/layout-design/src/design-index-view/components/design-bottom-menu/design-bottom-menu.scss @@ -2,11 +2,12 @@ display: flex; align-items: center; @include e(menu-item) { - cursor: pointer; position: relative; margin: 0 getCssVar(spacing, tight); + cursor: pointer; + &:hover { - background: hsla(0, 0%, 100%, 0.12); + background: hsl(0deg 0% 100% / 12%); } @include m(icon) { margin: 0 getCssVar(spacing, tight); @@ -15,15 +16,17 @@ cursor: pointer; &.#{bem('badge')} { position: absolute; + top: -25px; + z-index: 10; display: flex; align-items: center; justify-content: center; - padding: 0; - z-index: 10; - top: -25px; width: 24px; height: 24px; + padding: 0; line-height: 20px; + border: none; + border-radius: 50%; } } } diff --git a/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.scss b/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.scss index 4c7ba72ff43eec40525c3d486443e96e38e73860..d1ecdeb95d19f40176578b885e2eded70e2aa4fd 100644 --- a/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.scss +++ b/packages/layout-design/src/design-index-view/components/design-left-menu/design-left-menu.scss @@ -7,7 +7,6 @@ position: absolute; right: 8px; bottom: 8px; - width: 16px !important; height: 16px !important; font-size: 9px !important; line-height: 16px !important;