chore: bump version to 0.10.30

- Add object-fit: contain to prevent image squishing
- Make max-height conditional: none when full-width enabled, 70vh otherwise
- Apply fix to both desktop and mobile image styles

CHANGELOG.md

@@ -7,6 +7,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.10.29] - 2025-11-01
+
+### Fixed
+
+- Full-width images setting now uses width instead of max-width
+  - Change from --image-max-width CSS variable to --image-width
+  - When enabled, sets images to width: 100% (enlarging small images)
+  - Always constrains with max-width: 100% to prevent overflow
+  - Update mobile responsive styles to respect the setting
+
 ## [0.10.28] - 2025-11-01
 
 ### Fixed

package.json

@@ -1,6 +1,6 @@
 {
   "name": "boris",
-  "version": "0.10.29",
+  "version": "0.10.30",
   "description": "A minimal nostr client for bookmark management",
   "homepage": "https://read.withboris.com/",
   "type": "module",

src/components/AuthorCard.tsx

@@ -27,7 +27,7 @@ const AuthorCard: React.FC<AuthorCardProps> = ({ authorPubkey, clickable = true
   const handleClick = () => {
     if (clickable) {
       const npub = nip19.npubEncode(authorPubkey)
-      navigate(`/p/${npub}`)
+      navigate(`/p/${npub}/writings`)
     }
   }
   

src/components/Bookmarks.tsx

@@ -100,6 +100,17 @@ const Bookmarks: React.FC<BookmarksProps> = ({
       previousLocationRef.current = location.pathname
     }
   }, [location.pathname, showSettings, showMe, showExplore, showProfile])
+
+  // Reset scroll to top when navigating to profile routes
+  useEffect(() => {
+    if (showProfile) {
+      // Reset scroll position when navigating to profile pages
+      // Use requestAnimationFrame to ensure it happens after DOM updates
+      requestAnimationFrame(() => {
+        window.scrollTo({ top: 0, behavior: 'instant' })
+      })
+    }
+  }, [location.pathname, showProfile])
     
   const activeAccount = Hooks.useActiveAccount()
   const accountManager = Hooks.useAccountManager()

src/hooks/useSettings.ts

@@ -71,8 +71,9 @@ export function useSettings({ relayPool, eventStore, pubkey, accountManager }: U
       // Set paragraph alignment
       root.setProperty('--paragraph-alignment', settings.paragraphAlignment || 'justify')
       
-      // Set image width based on full-width setting
+      // Set image width and max-height based on full-width setting
       root.setProperty('--image-width', settings.fullWidthImages ? '100%' : 'auto')
+      root.setProperty('--image-max-height', settings.fullWidthImages ? 'none' : '70vh')
       
     }
     

src/styles/components/reader.css

@@ -59,11 +59,12 @@
 .reader .reader-html img, .reader .reader-markdown img { 
   width: var(--image-width, auto);
   max-width: 100%; 
-  max-height: 70vh; 
+  max-height: var(--image-max-height, 70vh); 
   height: auto; 
   display: block; 
   margin: 0.75rem auto; 
   border-radius: 6px; 
+  object-fit: contain;
 }
 /* Headlines with Tailwind typography */
 .reader-markdown h1, .reader-html h1 { 
@@ -194,7 +195,9 @@
   .reader-markdown img, .reader-html img {
     width: var(--image-width, auto) !important;
     max-width: 100% !important;
+    max-height: var(--image-max-height, 70vh) !important;
     height: auto;
+    object-fit: contain;
   }
 }