diff options
author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-10-15 17:29:11 +0200 |
---|---|---|
committer | Jan C. Borchardt <hey@jancborchardt.net> | 2020-10-15 17:29:11 +0200 |
commit | 4d98120b719952bccbca7a447556eed4ace69980 (patch) | |
tree | 4b9ff5885340870e732278e9285724d4aacdbac6 | |
parent | e662ff2ba9a2f86d132978b4258627cc80945372 (diff) |
Composer design fixesdesign/small-fixes
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
-rw-r--r-- | src/components/Composer.vue | 12 | ||||
-rw-r--r-- | src/components/TimelinePost.vue | 17 |
2 files changed, 10 insertions, 19 deletions
diff --git a/src/components/Composer.vue b/src/components/Composer.vue index da7eb66f..7600fdf7 100644 --- a/src/components/Composer.vue +++ b/src/components/Composer.vue @@ -568,21 +568,15 @@ export default { <style scoped lang="scss"> .new-post { - padding: 10px; - background-color: var(--color-main-background); - position: sticky; - top: 47px; - z-index: 100; - margin-bottom: 10px; + padding: 16px; } .new-post-author { - padding: 5px; display: flex; flex-wrap: wrap; .post-author { - padding: 6px; + padding: 10px; .post-author-name { font-weight: bold; @@ -618,7 +612,7 @@ export default { flex-grow: 1; position: relative; top: -10px; - margin-left: 39px; + margin-left: 47px; } .message { diff --git a/src/components/TimelinePost.vue b/src/components/TimelinePost.vue index a8609452..6d3a6817 100644 --- a/src/components/TimelinePost.vue +++ b/src/components/TimelinePost.vue @@ -1,9 +1,9 @@ <template> <article class="entry-content"> <div v-if="item.actor_info" class="post-avatar"> - <avatar v-if="item.local && item.type!=='SocialAppNotification'" :size="32" :user="item.actor_info.preferredUsername" - :display-name="item.actor_info.account" :disable-tooltip="true" /> - <avatar v-else :size="32" :url="avatarUrl" + <avatar v-if="item.local && item.type!=='SocialAppNotification'" :size="44" :user="item.actor_info.preferredUsername" + :display-name="item.actor_info.account" :disable-tooltip="true" :showUserStatus="false" /> + <avatar v-else :size="44" :url="avatarUrl" :disable-tooltip="true" /> </div> <div class="post-content"> @@ -204,13 +204,10 @@ export default { display: flex; .post-avatar { - margin: 5px; - margin-right: 10px; - border-radius: 50%; - overflow: hidden; - width: 32px; - height: 32px; - min-width: 32px; + margin: 2px; + margin-right: 12px; + width: 44px; + height: 44px; flex-shrink: 0; } |