Bug fixes

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);
 }

packages/app/src/Element/Thread.tsx

@@ -375,7 +375,7 @@ export default function Thread() {
   });
   return (
     <>
-      <div className="main-content">
+      <div className="main-content p">
         <BackButton onClick={goBack} text={parent ? parentText : backText} />
       </div>
       <div className="main-content">

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 (
     <div className="zap-goal card">
@@ -29,7 +29,7 @@ export function ZapGoal({ ev }: { ev: NostrEvent }) {
         <div
           style={
             {
-              "--progress": `${progress}%`,
+              "--progress": `${Math.min(100, progress)}%`,
             } as CSSProperties
           }></div>
       </div>

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);
       }
     }
   }

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;
 }