diff --git a/packages/app/src/Element/NoteCreator.css b/packages/app/src/Element/NoteCreator.css index 45605d6d6..7f7d10723 100644 --- a/packages/app/src/Element/NoteCreator.css +++ b/packages/app/src/Element/NoteCreator.css @@ -109,12 +109,18 @@ border-radius: 100%; position: fixed; bottom: 50px; - right: 16px; + right: calc(((100vw - 640px) / 2) - 60px); display: flex; align-items: center; justify-content: center; } +@media (max-width: 768px) { + .note-create-button { + right: 16px; + } +} + .note-creator-modal .modal-body { background: var(--modal-bg-color); } diff --git a/packages/app/src/Element/Thread.tsx b/packages/app/src/Element/Thread.tsx index 3e32e40ec..ee6512b54 100644 --- a/packages/app/src/Element/Thread.tsx +++ b/packages/app/src/Element/Thread.tsx @@ -375,7 +375,7 @@ export default function Thread() { }); return ( <> -
+
diff --git a/packages/app/src/Element/ZapGoal.tsx b/packages/app/src/Element/ZapGoal.tsx index f90240cd0..c78d41db1 100644 --- a/packages/app/src/Element/ZapGoal.tsx +++ b/packages/app/src/Element/ZapGoal.tsx @@ -10,7 +10,7 @@ export function ZapGoal({ ev }: { ev: NostrEvent }) { const zaps = useZapsFeed(createNostrLink(NostrPrefix.Note, ev.id)); const target = Number(findTag(ev, "amount")); const amount = zaps.reduce((acc, v) => (acc += v.amount * 1000), 0); - const progress = Math.min(100, 100 * (amount / target)); + const progress = 100 * (amount / target); return (
@@ -29,7 +29,7 @@ export function ZapGoal({ ev }: { ev: NostrEvent }) {
diff --git a/packages/app/src/Pages/settings/Profile.tsx b/packages/app/src/Pages/settings/Profile.tsx index 1edd30808..227ce059d 100644 --- a/packages/app/src/Pages/settings/Profile.tsx +++ b/packages/app/src/Pages/settings/Profile.tsx @@ -75,7 +75,7 @@ export default function ProfileSettings(props: ProfileSettingsProps) { const newProfile = mapEventToProfile(ev); if (newProfile) { - await UserCache.set(newProfile); + await UserCache.update(newProfile); } } } diff --git a/packages/app/src/index.css b/packages/app/src/index.css index 8791a7dfc..6ccb7a5d1 100644 --- a/packages/app/src/index.css +++ b/packages/app/src/index.css @@ -101,12 +101,17 @@ body { background-color: var(--bg-color); color: var(--font-color); font-size: var(--font-size); + overflow-x: hidden; } code { font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; } +#root { + overflow-x: hidden; +} + .page { width: 100vw; margin-left: auto; @@ -117,7 +122,7 @@ body #root > div:not(.page) header { padding: 2px 10px; } -@media (min-width: 720px) { +@media (min-width: 768px) { .page { width: 640px; margin-left: auto; @@ -686,7 +691,6 @@ button.tall { .ctx-menu { color: var(--font-secondary-color) !important; background: transparent !important; - box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.4) !important; min-width: 0 !important; margin: 0 !important; }