feat: notes encore plus larges — max-w-6xl body + font 18px
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:
@@ -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 {
|
||||||
|
|||||||
@@ -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
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user