changed arrow to a circle

This commit is contained in:
supertiger1234 2020-02-17 13:16:47 +00:00
parent 82aaea3486
commit 7f527a8627

View file

@ -3,7 +3,7 @@
class="channel" class="channel"
:class="{ selected: selectedChannelID === channelData.channelID }" :class="{ selected: selectedChannelID === channelData.channelID }"
> >
<i class="material-icons">arrow_forward_ios</i> <div class="dot" />
<div class="channel-name">{{ channelData.name }}</div> <div class="channel-name">{{ channelData.name }}</div>
<div <div
class="notification" class="notification"
@ -63,8 +63,12 @@ export default {
margin-right: 10px; margin-right: 10px;
border-radius: 4px; border-radius: 4px;
} }
.material-icons { .dot {
font-size: 11px; height: 6px;
width: 6px;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%;
margin-right: 5px;
} }
.channel:hover { .channel:hover {
background: #00477d; background: #00477d;