diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/attachment/attachment.vue | 19 | ||||
| -rw-r--r-- | src/components/user_card_content/user_card_content.vue | 12 |
2 files changed, 20 insertions, 11 deletions
diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 8f51b891..6af23391 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -1,5 +1,5 @@ <template> - <div class="attachment" :class="{[type]: true, loading}" :style="autoHeight"> + <div class="attachment base03-border" :class="{[type]: true, loading}" :style="autoHeight"> <a class="image-attachment" v-if="hidden" @click.prevent="toggleHidden()"> <img :key="nsfwImage" :src="nsfwImage"/> </a> @@ -8,7 +8,7 @@ </div> <a v-if="type === 'image' && !hidden" class="image-attachment" :href="attachment.url" target="_blank"> - <img class="base05-border" referrerpolicy="no-referrer" :src="attachment.large_thumb_url || attachment.url"/> + <img class="base03-border" referrerpolicy="no-referrer" :src="attachment.large_thumb_url || attachment.url"/> </a> <video v-if="type === 'video' && !hidden" :src="attachment.url" controls></video> @@ -76,19 +76,18 @@ border-radius: 5px; } - .oembed { + border: 1px solid; + border-radius: 5px; + border-color: inherit; + width: 100%; + margin-right: 15px; + display: flex; + img { width: 100%; } - margin-right: 15px; - } - .oembed { - border: 1px solid; - width: 100%; - - display: flex; .image { flex: 1; img { diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 3fa34773..8c971d53 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -40,7 +40,7 @@ <div class="user-counts"> <div class="user-count"> <h5>Statuses</h5> - <span>{{user.statuses_count}}</span> + <span>{{user.statuses_count}} <br><span class="dailyAvg">{{dailyAvg}} per day</span></span> </div> <div class="user-count"> <h5>Following</h5> @@ -77,6 +77,11 @@ }, loggedIn () { return this.$store.state.users.currentUser + }, + dailyAvg () { + return Math.round( + this.user.statuses_count / ((new Date() - new Date(this.user.created_at)) / (60 * 60 * 24 * 1000)) + ) } }, methods: { @@ -217,4 +222,9 @@ margin: 0 0 0.25em; } } + +.dailyAvg { + font-size: 0.8em; + opacity: 0.5; +} </style> |