From 38343eb4386570298dab62013569ed7b3edefddb Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Thu, 30 Jul 2026 22:00:43 +0700
Subject: [PATCH] Fix profile page horizontal overflow on narrow/mobile screens

The public profile page overflowed sideways on phones, pushing the Info /
Contributions / Crews sidebar off-screen. Cause: the About text contained a
64-char unbreakable URL (ContextVM server link) with no word-breaking, forcing
the layout wider than the viewport.

- About text now uses break-words + overflow-wrap:anywhere so long URLs wrap
- Added min-w-0 to both grid columns so they can shrink instead of overflowing

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/pages/NIP19Page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/NIP19Page.tsx b/src/pages/NIP19Page.tsx
index 158ee99..b26a3cf 100644
--- a/src/pages/NIP19Page.tsx
+++ b/src/pages/NIP19Page.tsx
@@ -202,12 +202,12 @@ function ProfilePage({ pubkey }: { pubkey: string }) {
         {/* Profile Info */}
         <div className="grid lg:grid-cols-3 gap-6">
           {/* Main Content */}
-          <div className="lg:col-span-2 space-y-6">
+          <div className="lg:col-span-2 space-y-6 min-w-0">
             {/* About */}
             {about && (
               <Card className="bg-black/90 border-2 border-gray-800">
                 <CardContent className="p-4 sm:p-6">
-                  <p className="text-gray-300 whitespace-pre-wrap">{about}</p>
+                  <p className="text-gray-300 whitespace-pre-wrap break-words [overflow-wrap:anywhere]">{about}</p>
                 </CardContent>
               </Card>
             )}
@@ -300,7 +300,7 @@ function ProfilePage({ pubkey }: { pubkey: string }) {
           </div>
 
           {/* Sidebar */}
-          <div className="space-y-4">
+          <div className="space-y-4 min-w-0">
             {/* Quick Info Card */}
             <Card className="bg-black/90 border-2 border-gray-800">
               <CardHeader className="pb-3">