diff --git a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
index e42f42bd..446e5011 100644
--- a/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
+++ b/src/renderer/components/TimelineSpace/Contents/SideBar/AccountProfile.vue
@@ -11,19 +11,9 @@
{{ $t('side_bar.account_profile.follows_you') }}
{{ $t('side_bar.account_profile.doesnt_follow_you') }}
-
-
-
+
+
-
-
+
+
+
+
{{ username(account) }}
@@ -201,18 +202,23 @@ function findLink (target) {
font-size: var(--base-font-size);
.follow-follower {
- .follower-status {
- float: left;
+ text-align: left;
+ .follower-status {
.status {
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.3);
padding: 4px 8px;
}
}
- .follow-status {
- float: right;
+ }
+ .user-info {
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+
+ .follow-status {
.follow {
cursor: pointer;
}
@@ -224,8 +230,6 @@ function findLink (target) {
}
.more {
- float: right;
-
.menu-list {
padding: 0;
font-size: calc(var(--base-font-size) * 0.8);
@@ -246,14 +250,14 @@ function findLink (target) {
}
}
}
- }
- .icon {
- padding: 12px;
+ .icon {
+ padding: 12px;
- img {
- width: 72px;
- border-radius: 8px;
+ img {
+ width: 72px;
+ border-radius: 8px;
+ }
}
}