modified status in title panel

This commit is contained in:
supertiger 2019-03-23 17:43:36 +00:00
parent 1670dfa2d1
commit f40cfd489e

View file

@ -7,8 +7,8 @@
<div class="current-channel"> <div class="current-channel">
<span v-if="!selectedChannelID">Welcome back, {{user.username}}!</span> <span v-if="!selectedChannelID">Welcome back, {{user.username}}!</span>
<span class="channel-selected" v-else> <span class="channel-selected" v-else>
<div class="user-status" :style="`box-shadow: 0px 0px 14px 3px ${userStatusColor}; background-color: ${userStatusColor};`"></div>
<div class="channel-name">{{channelName}}</div> <div class="channel-name">{{channelName}}</div>
<div class="user-status" :style="`background-color: ${userStatusColor};`"></div>
</span> </span>
</div> </div>
</div> </div>
@ -451,13 +451,13 @@ export default {
.channel-selected{ .channel-selected{
display: flex; display: flex;
align-items: center; align-items: center;
} }
.user-status{ .user-status{
border-radius: 50%; border-radius: 4px;
height: 10px; height: 10px;
width: 10px; width: 10px;
margin-left: 5px; margin-right: 10px;
} }
.hidden { .hidden {
display: none; display: none;