refactor(NotesPageClient, MarkdownEditor): streamline layout by refining flex properties for better responsiveness
This commit is contained in:
@@ -449,7 +449,7 @@ function NotesPageContent({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Main Editor Area */}
|
{/* Main Editor Area */}
|
||||||
<div className="flex-1 flex flex-col min-h-0 min-w-0 w-0">
|
<div className="flex-1 flex flex-col min-h-0 min-w-0">
|
||||||
{error && (
|
{error && (
|
||||||
<div className="flex items-center gap-2 p-3 bg-[var(--destructive)]/10 border-b border-[var(--destructive)]/20 text-[var(--destructive)]">
|
<div className="flex items-center gap-2 p-3 bg-[var(--destructive)]/10 border-b border-[var(--destructive)]/20 text-[var(--destructive)]">
|
||||||
<AlertCircle className="w-4 h-4" />
|
<AlertCircle className="w-4 h-4" />
|
||||||
@@ -532,7 +532,7 @@ function NotesPageContent({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Editor */}
|
{/* Editor */}
|
||||||
<div className="flex-1 min-h-0 min-w-0 w-0">
|
<div className="flex-1 min-h-0 min-w-0">
|
||||||
<MarkdownEditor
|
<MarkdownEditor
|
||||||
value={selectedNote.content}
|
value={selectedNote.content}
|
||||||
onChange={handleContentChange}
|
onChange={handleContentChange}
|
||||||
|
|||||||
@@ -790,7 +790,7 @@ export function MarkdownEditor({
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Editor/Tags Area */}
|
{/* Editor/Tags Area */}
|
||||||
<div className="flex-1 flex overflow-hidden w-0">
|
<div className="flex-1 flex overflow-hidden min-w-0">
|
||||||
{!isEditing ? (
|
{!isEditing ? (
|
||||||
/* Mode Aperçu avec Tags */
|
/* Mode Aperçu avec Tags */
|
||||||
<div className="w-full flex flex-col">
|
<div className="w-full flex flex-col">
|
||||||
|
|||||||
Reference in New Issue
Block a user