darkkirb/akkoma-fe
1
0
Fork 0
Code Pull requests Activity

Adjust the clickable area of notif avatar to not contain everything below it, adjust the status avatar to not have ghost border on top/right

Browse source
This commit is contained in:
Shpuld Shpuldson 2017-08-20 16:53:48 +03:00
parent 47ab2b51cf
commit dbf2f1621e
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/notifications/notifications.vue
View file

@ -8,9 +8,11 @@
</div> </div>
<div class="panel-body base03-border"> <div class="panel-body base03-border">
<div v-for="notification in visibleNotifications" :key="notification" class="notification" :class='{"unseen": !notification.seen}'> <div v-for="notification in visibleNotifications" :key="notification" class="notification" :class='{"unseen": !notification.seen}'>
<a :href="notification.action.user.statusnet_profile_url"> <div>
<img class='avatar' :src="notification.action.user.profile_image_url_original"> <a :href="notification.action.user.statusnet_profile_url" target="_blank">
</a> <img class='avatar' :src="notification.action.user.profile_image_url_original">
</a>
</div>
<div class='text' style="width: 100%;"> <div class='text' style="width: 100%;">
<div v-if="notification.type === 'favorite'"> <div v-if="notification.type === 'favorite'">
<h1> <h1>

11
src/components/status/status.vue
View file

@ -194,12 +194,11 @@
} }
.media-left { .media-left {
img { margin: 0.2em 0.3em 0 0;
margin-top: 0.2em; img {
float: right; float: right;
margin-right: 0.3em; border-radius: 5px;
border-radius: 5px; }
}
} }
.retweet-info { .retweet-info {