diff options
author | Louis Chemineau <louis@chmn.me> | 2023-01-12 12:25:21 +0100 |
---|---|---|
committer | Louis Chemineau <louis@chmn.me> | 2023-01-12 12:25:21 +0100 |
commit | e790f086bbb98f401383e843e67847aa509c4a9f (patch) | |
tree | bca25ee7f743b0bbac77aab9df89c41f45cc3901 /src | |
parent | d67db0c4e04195b3d8f2536beb76fe35b6b5ee96 (diff) |
Improve rendering of user entry in user lists
Signed-off-by: Louis Chemineau <louis@chmn.me>
Diffstat (limited to 'src')
-rw-r--r-- | src/components/UserEntry.vue | 39 |
1 files changed, 16 insertions, 23 deletions
diff --git a/src/components/UserEntry.vue b/src/components/UserEntry.vue index 4b49304a..74ed8b77 100644 --- a/src/components/UserEntry.vue +++ b/src/components/UserEntry.vue @@ -53,7 +53,7 @@ <!-- eslint-disable-next-line vue/no-v-html --> <p v-html="item.summary" /> </div> - <FollowButton :account="item.account" /> + <FollowButton :account="item.account" :uid="cloudId" /> </div> </div> </template> @@ -96,37 +96,30 @@ export default { }, } </script> -<style scoped> +<style scoped lang="scss"> +.entry-content { + height: 50px; + display: flex; + align-items: center; + .user-avatar { - margin: 5px; + display: flex; + align-items: center; margin-right: 10px; - border-radius: 50%; flex-shrink: 0; } - .post-author { - font-weight: bold; - } - - .entry-content { - display: flex; - align-items: flex-start; - } - .user-details { flex-grow: 1; - } - .user-description { - opacity: 0.7; - } + .post-author { + font-weight: bold; + } - button { - margin-left: 10px; - min-width: 110px; + .user-description { + opacity: 0.7; + } } +} - button * { - cursor: pointer; - } </style> |