diff --git a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue index 7de1d93f0..2ca5e9763 100644 --- a/resources/assets/js/pages/manage/components/DialogGroupInfo.vue +++ b/resources/assets/js/pages/manage/components/DialogGroupInfo.vue @@ -21,7 +21,9 @@
  • {{ $L("群主") }}
    - +
    + +
  • diff --git a/resources/assets/sass/pages/components/dialog-group-info.scss b/resources/assets/sass/pages/components/dialog-group-info.scss index 289c54846..96bb828cd 100644 --- a/resources/assets/sass/pages/components/dialog-group-info.scss +++ b/resources/assets/sass/pages/components/dialog-group-info.scss @@ -58,6 +58,7 @@ align-items: center; list-style: none; padding: 12px; + height: 56px; border-radius: 6px; &:hover { @@ -109,18 +110,29 @@ .user-exit { display: flex; align-items: center; - justify-content: center; + justify-content: flex-end; cursor: pointer; - margin-left: 4px; - width: 22px; - height: 22px; - font-size: 12px; - color: $primary-desc-color; - border: 1px solid #dddddd; - border-radius: 50%; + height: 100%; + width: 32px; opacity: 0; transform: translateX(50%); transition: all 0.2s; + &:hover { + > i { + color: $primary-text-color; + } + } + > i { + display: flex; + align-items: center; + justify-content: center; + width: 22px; + height: 22px; + font-size: 12px; + color: $primary-desc-color; + border: 1px solid #dddddd; + border-radius: 50%; + } } } }