diff options
author | Gabe Kangas <gabek@real-ity.com> | 2022-01-05 16:10:05 -0800 |
---|---|---|
committer | Gabe Kangas <gabek@real-ity.com> | 2022-01-06 23:02:49 -0800 |
commit | 27aae9f40b73cc514b91bc611c83d9104ccfbf62 (patch) | |
tree | 2b885e94721f89ca8f074ba39eac5a0a13090756 | |
parent | f72523fa18f7684c78eb5e5e2d12c35a687fc607 (diff) |
Some federated/follow UI tweaks
-rw-r--r-- | webroot/js/components/chat/message.js | 4 | ||||
-rw-r--r-- | webroot/js/components/federation/followers.js | 4 | ||||
-rw-r--r-- | webroot/styles/app.css | 4 |
3 files changed, 8 insertions, 4 deletions
diff --git a/webroot/js/components/chat/message.js b/webroot/js/components/chat/message.js index 5f566dcb6..e701cf085 100644 --- a/webroot/js/components/chat/message.js +++ b/webroot/js/components/chat/message.js @@ -53,7 +53,7 @@ function SingleFederatedUser(props) { title="Visit profile" > <div - class="federated-action m-2 bg-white flex items-center px-2 rounded-xl shadow border" + class="federated-action m-2 mt-3 bg-white flex items-center px-2 rounded-xl shadow border" > <div class="relative" style="top: -6px"> <img @@ -73,7 +73,7 @@ function SingleFederatedUser(props) { ${title} </span> <p - class=" text-gray-700 mt-1 w-full text-base " + class=" text-gray-700 mt-1 w-full text-base leading-6" dangerouslySetInnerHTML=${{ __html: body }} ></p> </div> diff --git a/webroot/js/components/federation/followers.js b/webroot/js/components/federation/followers.js index 92cda90ad..522899f82 100644 --- a/webroot/js/components/federation/followers.js +++ b/webroot/js/components/federation/followers.js @@ -48,7 +48,7 @@ export default class FollowerList extends Component { </div>`; return html` - <div class="p-4 flex flex-wrap"> + <div class="flex flex-wrap"> ${followers.length === 0 && noFollowersInfo} ${followers.map((follower) => { return html` <${SingleFollower} user=${follower} /> `; @@ -71,7 +71,7 @@ function SingleFollower(props) { return html` <a href=${link} - class="block bg-white flex p-2 rounded-xl shadow border hover:no-underline m-5" + class="following-list-follower block bg-white flex p-2 rounded-xl shadow border hover:no-underline m-4" target="_blank" > <img diff --git a/webroot/styles/app.css b/webroot/styles/app.css index ad5a69f10..833d95b91 100644 --- a/webroot/styles/app.css +++ b/webroot/styles/app.css @@ -483,6 +483,10 @@ header { max-width: 300px } +.following-list-follower { + max-width: 280px; +} + #follow-loading-spinner-container { position: absolute; display: flex; |