diff options
| author | shpuld <shpuld@gmail.com> | 2017-02-24 17:32:41 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-02-24 17:32:41 +0200 |
| commit | 9dfcf8a301c37b359cf18880732ad63b413ce63e (patch) | |
| tree | c5ce6f4bbc7cd162553d088079a6f470ce87f3e4 /src/components/user_card_content/user_card_content.vue | |
| parent | e0e507348cc22054e55e2be8fa6544845f597610 (diff) | |
Align attachments with usercard, make buttons use theme colors, prettify login form, more border radii adjustment for consistency.
Diffstat (limited to 'src/components/user_card_content/user_card_content.vue')
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 13 |
1 files changed, 6 insertions, 7 deletions
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 10064d5f..fcdc7cca 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -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; } } } |