Align attachments with usercard, make buttons use theme colors, prettify login form, more border radii adjustment for consistency.

This commit is contained in:
shpuld 2017-02-24 17:32:41 +02:00
parent e0e507348c
commit 9dfcf8a301
8 changed files with 50 additions and 25 deletions

View file

@ -15,22 +15,22 @@
<div class="follow" v-if="loggedIn">
<span v-if="user.following">
<!--Following them!-->
<button @click="unfollowUser" class="base06 base01-background">
<button @click="unfollowUser" class="base01 base04-background">
Unfollow
</button>
</span>
<span v-if="!user.following">
<button @click="followUser" class="base01 base04-background">
<button @click="followUser" class="base05 base01-background">
Follow
</button>
</span>
</div>
<div class='mute' v-if='isOtherUser'>
<span v-if='user.muted'>
<button @click="toggleMute" class="base04 base01-background base06-border">Unmute</button>
<button @click="toggleMute" class="base01 base04-background">Unmute</button>
</span>
<span v-if='!user.muted'>
<button @click="toggleMute" class="base01 base04-background base01-border">Mute</button>
<button @click="toggleMute" class="base05 base01-background">Mute</button>
</span>
</div>
</div>
@ -102,7 +102,7 @@
.profile-panel-background {
background-color: #121517;
background-size: cover;
border-radius: 0.5em 0.5em 0 0;
border-radius: 10px;
}
.profile-panel-body {
@ -127,7 +127,7 @@
img {
border: 2px solid;
border-radius: 0.5em;
border-radius: 5px;
flex: 1 0 100%;
max-width: 48px;
max-height: 48px;
@ -185,7 +185,6 @@
button {
width: 92%;
height: 100%;
border: 1px solid;
}
}
}