Composer design fixes

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
design/small-fixes
Jan C. Borchardt 2020-10-15 17:29:11 +02:00
rodzic e662ff2ba9
commit 4d98120b71
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: CBD846FC845CBE17
2 zmienionych plików z 10 dodań i 19 usunięć

Wyświetl plik

@ -568,21 +568,15 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.new-post { .new-post {
padding: 10px; padding: 16px;
background-color: var(--color-main-background);
position: sticky;
top: 47px;
z-index: 100;
margin-bottom: 10px;
} }
.new-post-author { .new-post-author {
padding: 5px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.post-author { .post-author {
padding: 6px; padding: 10px;
.post-author-name { .post-author-name {
font-weight: bold; font-weight: bold;
@ -618,7 +612,7 @@ export default {
flex-grow: 1; flex-grow: 1;
position: relative; position: relative;
top: -10px; top: -10px;
margin-left: 39px; margin-left: 47px;
} }
.message { .message {

Wyświetl plik

@ -1,9 +1,9 @@
<template> <template>
<article class="entry-content"> <article class="entry-content">
<div v-if="item.actor_info" class="post-avatar"> <div v-if="item.actor_info" class="post-avatar">
<avatar v-if="item.local && item.type!=='SocialAppNotification'" :size="32" :user="item.actor_info.preferredUsername" <avatar v-if="item.local && item.type!=='SocialAppNotification'" :size="44" :user="item.actor_info.preferredUsername"
:display-name="item.actor_info.account" :disable-tooltip="true" /> :display-name="item.actor_info.account" :disable-tooltip="true" :showUserStatus="false" />
<avatar v-else :size="32" :url="avatarUrl" <avatar v-else :size="44" :url="avatarUrl"
:disable-tooltip="true" /> :disable-tooltip="true" />
</div> </div>
<div class="post-content"> <div class="post-content">
@ -204,13 +204,10 @@ export default {
display: flex; display: flex;
.post-avatar { .post-avatar {
margin: 5px; margin: 2px;
margin-right: 10px; margin-right: 12px;
border-radius: 50%; width: 44px;
overflow: hidden; height: 44px;
width: 32px;
height: 32px;
min-width: 32px;
flex-shrink: 0; flex-shrink: 0;
} }