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%;
+ }
}
}
}