diff --git a/src/Element/FollowListBase.tsx b/src/Element/FollowListBase.tsx index 99e063e9..678c2237 100644 --- a/src/Element/FollowListBase.tsx +++ b/src/Element/FollowListBase.tsx @@ -16,7 +16,7 @@ export default function FollowListBase({ pubkeys, title }: FollowListBaseProps) return (
-
+
{title}
diff --git a/src/Element/Zap.css b/src/Element/Zap.css index ab8b4c3d..c9722dc7 100644 --- a/src/Element/Zap.css +++ b/src/Element/Zap.css @@ -2,17 +2,26 @@ min-height: unset; } +.zap .header .pfp { + overflow: hidden; +} + +.zap .header { + flex-direction: row; +} + +.zap .header .amount { + font-size: 32px; +} + +.zap .header .pfp { + max-width: 72%; +} + @media (max-width: 520px) { - .zap .header { - flex-direction: column; - } .zap .header .pfp { - width: 100%; padding: 4px; } - .zap .header .amount { - font-size: 32px; - } } .zap .summary { @@ -76,10 +85,6 @@ content: ", "; } -.note.zap > .header { - align-items: center; -} - .note.zap > .body { margin-bottom: 0; } diff --git a/src/Pages/ProfilePage.tsx b/src/Pages/ProfilePage.tsx index 34c3aa15..76f0ae0b 100644 --- a/src/Pages/ProfilePage.tsx +++ b/src/Pages/ProfilePage.tsx @@ -123,7 +123,7 @@ export default function ProfilePage() { case ProfileTab.Zaps: { return (
-

{formatShort(zapsTotal)} sats

+

{formatShort(zapsTotal)} sats

{zaps.map(z => )}
) diff --git a/src/index.css b/src/index.css index 29288979..c429d067 100644 --- a/src/index.css +++ b/src/index.css @@ -539,3 +539,11 @@ body.scroll-lock { .bold { font-weight: 700; } + +.main-content .h4 { + margin-bottom: 25px; +} + +.main-content .profile-preview { + margin-bottom: 16px; +}