public note: width toggle, creation date,utils cleanup

[moehdotdev]

what changed

before :

after :

width toggle on the public note page

• added a width toggle button to the public note header using the existing useNoteWidth hook, so readers get the same narrow/wide layout control that exists in the private editor
• button shows ChevronsLeftRightEllipsis when in narrow mode and ChevronsRightLeft when wide, matching the icon convention used elsewhere
• MaxWContainer on the public page now applies the same conditional width logic: Desktop:w-[900px] w-full px-4 for narrow, px-6 for wide

creation date in the header

• the note title in the public page header now shows a second line with "Created {date}" using formatNoteTimestamp gives readers basic context without cluttering the layout

formatNoteTimestamp moved to lib/utils

• the function was previously defined inline inside NoteSettings.tsx. it's now exported from lib/utils.ts and imported in both NoteSettings and the public note page single source of truth, no duplication

minor button alignment fix

pdf loading skeleton

• loading.tsx for the pdf route now wraps the skeleton in MaxWContainer with w-[900px] instead of a plain div, so the loading state matches the actual pdf viewer dimensions

tooltip delay

• useHoverTooltip delay on NoteDownloadDropdown reduced from default to 100ms to match the rest of the header buttons

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Ready	Preview, Comment	May 23, 2026 12:23am