Make user card buttons more light-theme friendly without compromising the dark ones.

This commit is contained in:
shpuld 2017-02-24 19:12:57 +02:00
parent 2bfd2190a0
commit cac47f7128

View file

@ -15,22 +15,22 @@
<div class="follow" v-if="loggedIn"> <div class="follow" v-if="loggedIn">
<span v-if="user.following"> <span v-if="user.following">
<!--Following them!--> <!--Following them!-->
<button @click="unfollowUser" class="base01 base04-background"> <button @click="unfollowUser" class="base04 base00-background pressed">
Unfollow Following!
</button> </button>
</span> </span>
<span v-if="!user.following"> <span v-if="!user.following">
<button @click="followUser" class="base05 base01-background"> <button @click="followUser" class="base05 base02-background">
Follow Follow
</button> </button>
</span> </span>
</div> </div>
<div class='mute' v-if='isOtherUser'> <div class='mute' v-if='isOtherUser'>
<span v-if='user.muted'> <span v-if='user.muted'>
<button @click="toggleMute" class="base01 base04-background">Unmute</button> <button @click="toggleMute" class="base04 base00-background pressed">Muted</button>
</span> </span>
<span v-if='!user.muted'> <span v-if='!user.muted'>
<button @click="toggleMute" class="base05 base01-background">Mute</button> <button @click="toggleMute" class="base05 base02-background">Mute</button>
</span> </span>
</div> </div>
</div> </div>
@ -183,9 +183,15 @@
} }
button { button {
border: solid;
border-width: 1px;
width: 92%; width: 92%;
height: 100%; height: 100%;
} }
.pressed {
border: solid;
border-width: 1px;
}
} }
} }