github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-17 19:23:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2022-07-04 23:07:04 +08:00
parent 625bb97c35
commit 673038bf63
2 changed files with 22 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -25,7 +25,7 @@
<Icon v-else class="icon-avatar" type="ios-people" /> <Icon v-else class="icon-avatar" type="ios-people" />
</template> </template>
<div v-else-if="dialogData.dialog_user" class="user-avatar"> <div v-else-if="dialogData.dialog_user" class="user-avatar">
<UserAvatar :online.sync="dialogData.online_state" :userid="dialogData.dialog_user.userid" :size="44"> <UserAvatar :online.sync="dialogData.online_state" :userid="dialogData.dialog_user.userid" :size="42">
<p v-if="dialogData.type === 'user' && dialogData.online_state !== true" slot="end"> <p v-if="dialogData.type === 'user' && dialogData.online_state !== true" slot="end">
{{$L(dialogData.online_state)}} {{$L(dialogData.online_state)}}
</p> </p>

30
resources/assets/sass/pages/components/dialog-wrapper.scss vendored
View File

@ -94,8 +94,8 @@
.user-avatar, .user-avatar,
.icon-avatar { .icon-avatar {
width: 44px; width: 42px;
height: 44px; height: 42px;
margin-right: 2px; margin-right: 2px;
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
@ -199,16 +199,17 @@
> li { > li {
font-size: 12px; font-size: 12px;
list-style: none; list-style: none;
line-height: 22px; line-height: 24px;
margin-top: 5px; margin-top: 4px;
margin-right: 5px; margin-right: 6px;
margin-bottom: -6px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 5px; padding: 0 6px;
color: $primary-title-color; color: $primary-title-color;
border-radius: 5px; border-radius: 5px;
@ -218,7 +219,7 @@
height: 14px; height: 14px;
line-height: 14px; line-height: 14px;
font-size: 14px; font-size: 14px;
margin-right: 3px; margin-right: 4px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: center center; background-position: center center;
@ -259,6 +260,7 @@
} }
&.active { &.active {
font-weight: 500;
color: $primary-color; color: $primary-color;
background-color: rgba($primary-color, 0.18); background-color: rgba($primary-color, 0.18);
} }
@ -1326,7 +1328,17 @@
> li { > li {
flex-shrink: 0; flex-shrink: 0;
line-height: 24px; line-height: 28px;
padding: 0 8px;
font-size: 14px;
> i {
width: 16px;
height: 16px;
line-height: 16px;
font-size: 16px;
margin-right: 3px;
}
} }
} }
} }
@ -1341,7 +1353,7 @@
background-color: #ffffff; background-color: #ffffff;
&.default-header { &.default-header {
margin-top: 30px; margin-top: 34px;
} }
.dialog-item { .dialog-item {