diff --git a/code/base-project/base-vue/packages/ao-design/src/radio/index.scss b/code/base-project/base-vue/packages/ao-design/src/radio/index.scss index ed8a6b67..cbb3fe6a 100644 --- a/code/base-project/base-vue/packages/ao-design/src/radio/index.scss +++ b/code/base-project/base-vue/packages/ao-design/src/radio/index.scss @@ -10,7 +10,7 @@ $radio-group-prefix: '#{$prefix}-radio-group'; position: relative; cursor: pointer; user-select: none; - line-height: 20px; + line-height: 18px; &.#{$radio-prefix}-disabled { cursor: not-allowed; opacity: 0.5; @@ -20,22 +20,13 @@ $radio-group-prefix: '#{$prefix}-radio-group'; border-color: $primary-color; } - &.#{$radio-prefix}-checked .#{$radio-prefix}-main .#{$radio-prefix}-inner { - border-color: $primary-color; - &::after { - transform: translate(-50%, -50%) scale(1); - background-color: $primary-color; - } - } - .#{$radio-prefix}-main { cursor: pointer; display: flex; align-items: center; white-space: nowrap; outline: 0; - margin-top: 2px; - vertical-align: sub; + margin-top: 1px; .#{$radio-prefix}-input { opacity: 0; outline: 0; @@ -75,6 +66,14 @@ $radio-group-prefix: '#{$prefix}-radio-group'; } } } + + &.#{$radio-prefix}-checked .#{$radio-prefix}-main .#{$radio-prefix}-inner { + border-color: $primary-color; + &::after { + transform: translate(-50%, -50%) scale(1); + background-color: $primary-color; + } + } .#{$radio-prefix}-content { font-size: 12px;