flisk/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Packages Projects Releases Wiki 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 {