diff --git a/src/Element/FollowListBase.tsx b/src/Element/FollowListBase.tsx
index c8692f36..e65d4ec4 100644
--- a/src/Element/FollowListBase.tsx
+++ b/src/Element/FollowListBase.tsx
@@ -17,7 +17,7 @@ export default function FollowListBase({ pubkeys, title }: FollowListBaseProps)
return (
-
{title}
+
{title}
{pubkeys?.map(a =>
)}
diff --git a/src/Element/NoteCreator.css b/src/Element/NoteCreator.css
index 2a4ad48a..b3f675f0 100644
--- a/src/Element/NoteCreator.css
+++ b/src/Element/NoteCreator.css
@@ -60,6 +60,9 @@
position: fixed;
bottom: 50px;
right: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
@media (min-width: 520px) {
diff --git a/src/Pages/ProfilePage.css b/src/Pages/ProfilePage.css
index a97143c3..bd3b73b7 100644
--- a/src/Pages/ProfilePage.css
+++ b/src/Pages/ProfilePage.css
@@ -29,12 +29,16 @@
}
.profile .name h2 {
- margin: 0;
+ margin: 12px 0 0 0;
+ font-weight: 600;
+ font-size: 19px;
+ line-height: 23px;
}
.profile .nip05 {
display: flex;
- margin: 4px 0 12px 0;
+ font-size: 16px;
+ margin: 0 0 12px 0;
}
.profile .nip05 .nick {
@@ -42,6 +46,10 @@
color: var(--gray-light);
}
+.profile .name .copy {
+ margin-bottom: 4px;
+}
+
.profile .avatar-wrapper {
z-index: 1;
}
@@ -61,8 +69,9 @@
margin-top: 12px;
background-color: var(--note-bg);
padding: 12px 16px;
- margin: 0 auto;
border-radius: 16px;
+ margin: 0 auto;
+ margin-bottom: 12px;
}
.profile .details p {
@@ -90,6 +99,10 @@
width: calc(100% - 32px);
}
+.profile .details .text {
+ font-size: 14px;
+}
+
.tabs > div {
margin-right: 0;
}
@@ -97,6 +110,7 @@
.profile .links {
margin-top: 4px;
margin-left: 2px;
+ margin-bottom: 12px;
}
.profile h3 {
@@ -106,7 +120,7 @@
font-weight: 600;
line-height: 12px;
text-transform: uppercase;
- margin-left: 16px;
+ margin-left: 12px;
}
.profile .website {
@@ -180,9 +194,5 @@
height: 300px;
margin-bottom: -100px;
}
- .profile .avatar-wrapper .avatar {
- width: 210px;
- height: 210px;
- }
}
diff --git a/src/Pages/ProfilePage.tsx b/src/Pages/ProfilePage.tsx
index c84ddd61..8a04440f 100644
--- a/src/Pages/ProfilePage.tsx
+++ b/src/Pages/ProfilePage.tsx
@@ -34,6 +34,7 @@ export default function ProfilePage() {
const navigate = useNavigate();
const id = useMemo(() => parseId(params.id!), [params]);
const user = useProfile(id)?.get(id);
+ const loggedOut = useSelector
(s => s.login.loggedOut);
const loginPubKey = useSelector(s => s.login.publicKey);
const follows = useSelector(s => s.login.follows);
const isMe = loginPubKey === id;
@@ -139,12 +140,14 @@ export default function ProfilePage() {
Settings
) : (
- <>
-
-
- >
+ !loggedOut && (
+ <>
+
+
+ >
+ )
)}
{bio()}
diff --git a/src/index.css b/src/index.css
index 8bbcf73f..f75d7a74 100644
--- a/src/index.css
+++ b/src/index.css
@@ -461,3 +461,6 @@ body.scroll-lock {
}
}
+.bold {
+ font-weight: 700;
+}