fix: mobile page overflow

src/lang.json

@@ -242,6 +242,9 @@
   "Dn82AL": {
     "defaultMessage": "Live"
   },
+  "DqmiAe": {
+    "defaultMessage": "Dont have a nostr extension? Try {nos2x}, {nostore} or {alby}"
+  },
   "E7n6zr": {
     "defaultMessage": "Current stream cost: {amount} sats/{unit} (about {usd}/day for a {x}hr stream)"
   },

src/pages/root.tsx

@@ -11,7 +11,7 @@ export function RootPage() {
   const { proxy } = useImgProxy();
   const shirtSize = 120;
   return (
-    <div className="flex flex-col gap-6 p-4">
+    <div className="flex flex-col gap-6 p-4 min-w-0">
       <div className="flex max-md:flex-col gap-2 items-center bg-layer-2 p-4 text-lg font-medium text-pretty">
         <img
           width={shirtSize}

src/translations/en.json

@@ -80,6 +80,7 @@
   "DZKuuP": "Logged in as",
   "DkgCAz": "How do i stream on zap.stream?",
   "Dn82AL": "Live",
+  "DqmiAe": "Dont have a nostr extension? Try {nos2x}, {nostore} or {alby}",
   "E7n6zr": "Current stream cost: {amount} sats/{unit} (about {usd}/day for a {x}hr stream)",
   "E9APoR": "Could not create stream URL",
   "ESyhzp": "Your comment for {name}",