feat: notes encore plus larges — max-w-6xl body + font 18px
Some checks failed
CI / Deploy production (on server) (push) Has been cancelled
CI / Lint, Unit Tests & Build (push) Has been cancelled

Full page editor:
- Container: max-w-5xl → max-w-6xl (1024px → 1152px)
- Content: max-w-4xl → max-w-5xl (896px → 1024px)
- Toolbar: max-w-5xl → max-w-6xl (aligné)

Dialog editor:
- max-w 1800px → 2000px, 97vw → 98vw
- Hauteur 92vh → 94vh

Font editor:
- editor-body-size: 16px → 18px (lecture plus confortable)
This commit is contained in:
Antigravity
2026-07-05 18:19:06 +00:00
parent 1f5dc6af09
commit fbeea7027c
4 changed files with 7 additions and 7 deletions

View File

@@ -985,7 +985,7 @@ html.font-system * {
/* Editor body size — used for textarea and ProseMirror content */ /* Editor body size — used for textarea and ProseMirror content */
:root { :root {
--editor-body-size: var(--user-font-size, 16px); --editor-body-size: var(--user-font-size, 18px);
} }
body { body {

View File

@@ -46,7 +46,7 @@ export function NoteEditorDialog({ onClose }: NoteEditorDialogProps) {
<Dialog open={true} onOpenChange={onClose}> <Dialog open={true} onOpenChange={onClose}>
<DialogContent <DialogContent
className={cn( className={cn(
'!max-w-[min(97vw,1800px)] h-[92vh] overflow-hidden p-0 flex flex-row items-stretch rounded-lg', '!max-w-[min(98vw,2000px)] h-[94vh] overflow-hidden p-0 flex flex-row items-stretch rounded-lg',
state.colorClasses state.colorClasses
)} )}
> >

View File

@@ -72,8 +72,8 @@ export function NoteEditorFullPage({ onClose }: NoteEditorFullPageProps) {
{/* TOOLBAR */} {/* TOOLBAR */}
<NoteEditorToolbar mode="fullPage" onClose={onClose} onToggleAttachments={() => setUploadTrigger(v => v + 1)} attachmentsCount={attachmentsCount} /> <NoteEditorToolbar mode="fullPage" onClose={onClose} onToggleAttachments={() => setUploadTrigger(v => v + 1)} attachmentsCount={attachmentsCount} />
{/* BODY — max-w-5xl, responsive px, py-16 */} {/* BODY — max-w-6xl, responsive px, py-16 */}
<div className="max-w-5xl mx-auto w-full px-6 sm:px-12 py-16 space-y-12 min-w-0"> <div className="max-w-6xl mx-auto w-full px-6 sm:px-12 py-16 space-y-12 min-w-0">
{/* Breadcrumb + Title block */} {/* Breadcrumb + Title block */}
<div className="space-y-4"> <div className="space-y-4">
@@ -130,8 +130,8 @@ export function NoteEditorFullPage({ onClose }: NoteEditorFullPageProps) {
</div> </div>
)} )}
{/* Content area — max-w-4xl for wider reading column */} {/* Content area — max-w-5xl for wider reading column */}
<div className="max-w-4xl mx-auto w-full space-y-8 pb-32"> <div className="max-w-5xl mx-auto w-full space-y-8 pb-32">
{state.quotaExceededFeature === 'reformulate' && ( {state.quotaExceededFeature === 'reformulate' && (
<InlinePaywall <InlinePaywall
feature="reformulate" feature="reformulate"

View File

@@ -530,7 +530,7 @@ export function NoteEditorToolbar({ mode, onClose, onToggleAttachments, attachme
} }
return ( return (
<div className="max-w-5xl mx-auto w-full px-4 sm:px-8 md:px-12 py-4 sm:py-6 md:py-8 flex items-center justify-between sticky top-0 bg-white/95 dark:bg-background/95 backdrop-blur-sm z-40 border-b border-border dark:border-white/10"> <div className="max-w-6xl mx-auto w-full px-4 sm:px-8 md:px-12 py-4 sm:py-6 md:py-8 flex items-center justify-between sticky top-0 bg-white/95 dark:bg-background/95 backdrop-blur-sm z-40 border-b border-border dark:border-white/10">
<button <button
onClick={handleCloseWithSave} onClick={handleCloseWithSave}
className="flex items-center gap-2 text-foreground hover:opacity-60 transition-opacity" className="flex items-center gap-2 text-foreground hover:opacity-60 transition-opacity"