Make user card buttons more light-theme friendly without compromising the dark ones.
This commit is contained in:
parent
2bfd2190a0
commit
cac47f7128
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue