diff --git a/packages/app/src/Element/Reactions.tsx b/packages/app/src/Element/Reactions.tsx index d190afa3..bdce9c61 100644 --- a/packages/app/src/Element/Reactions.tsx +++ b/packages/app/src/Element/Reactions.tsx @@ -6,6 +6,7 @@ import { useIntl, FormattedMessage } from "react-intl"; import { TaggedRawEvent } from "@snort/nostr"; import { formatShort } from "Number"; +import Repost from "Icons/Repost"; import Dislike from "Icons/Dislike"; import Heart from "Icons/Heart"; import ZapIcon from "Icons/Zap"; @@ -119,7 +120,7 @@ const Reactions = ({ show, setShow, positive, negative, reposts, zaps }: Reactio return (
- +
diff --git a/packages/app/src/Element/Text.css b/packages/app/src/Element/Text.css index c46c7fbb..88096ecc 100644 --- a/packages/app/src/Element/Text.css +++ b/packages/app/src/Element/Text.css @@ -1,12 +1,15 @@ .text { font-size: var(--font-size); line-height: 24px; + white-space: pre-wrap; + word-break: break-word; } .text a { color: var(--highlight); text-decoration: none; } + .text a:hover { text-decoration: underline; } diff --git a/packages/app/src/Pages/ProfilePage.css b/packages/app/src/Pages/ProfilePage.css index a318607f..4aef654f 100644 --- a/packages/app/src/Pages/ProfilePage.css +++ b/packages/app/src/Pages/ProfilePage.css @@ -244,28 +244,6 @@ margin-left: 4px; } -.banner-bg { - width: 1438px; - height: 758px; - position: absolute; - top: -120px; - left: calc(50% - 750px); - background: radial-gradient(circle at top center, rgba(0, 0, 0, 0.7) 0%, #000000 81.25%), var(--img-url); - filter: blur(10px); - z-index: -1; - display: none; -} - -.light .banner-bg { - background: radial-gradient(circle at top center, rgba(241, 241, 241, 0.7) 0%, var(--bg-color) 81.25%), var(--img-url); -} - -@media (min-width: 1420px) { - .banner-bg { - display: unset; - } -} - .zaps-total { text-align: right; padding-right: 12px; diff --git a/packages/app/src/Pages/ProfilePage.tsx b/packages/app/src/Pages/ProfilePage.tsx index 62bac922..be9d02c1 100644 --- a/packages/app/src/Pages/ProfilePage.tsx +++ b/packages/app/src/Pages/ProfilePage.tsx @@ -316,7 +316,6 @@ export default function ProfilePage() { return ( <>
- {user?.banner &&
} {user?.banner && }
{avatar()}