From 80946a3c4ab50bc792c6bf90bc9825f151c473c8 Mon Sep 17 00:00:00 2001 From: Fovway Date: Fri, 7 Nov 2025 16:45:38 +0700 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D1=8B=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD?= =?UTF-8?q?=D1=82=D1=8B=20NoteEditor=20=D0=B8=20NoteItem=20=D0=B4=D0=BB?= =?UTF-8?q?=D1=8F=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B8=D1=8F?= =?UTF-8?q?=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8?= =?UTF-8?q?=D1=8F=20=D1=82=D0=B5=D0=BA=D1=81=D1=82=D0=B0=20=D0=BA=D0=BD?= =?UTF-8?q?=D0=BE=D0=BF=D0=BE=D0=BA=20=D1=81=20=D0=B4=D0=BE=D0=B1=D0=B0?= =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D0=B5=D0=BC=20=D0=BE=D0=B1=D0=B5?= =?UTF-8?q?=D1=80=D1=82=D0=BA=D0=B8=20=D0=B2=20span.=20=D0=98=D0=B7=D0=BC?= =?UTF-8?q?=D0=B5=D0=BD=D0=B5=D0=BD=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8?= =?UTF-8?q?=20=D0=BA=D0=BD=D0=BE=D0=BF=D0=BE=D0=BA=20=D0=B4=D0=BB=D1=8F=20?= =?UTF-8?q?=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=B8?= =?UTF-8?q?=D1=85=20=D0=B2=D0=BD=D0=B5=D1=88=D0=BD=D0=B5=D0=B3=D0=BE=20?= =?UTF-8?q?=D0=B2=D0=B8=D0=B4=D0=B0=20=D0=B8=20=D0=B0=D0=B4=D0=B0=D0=BF?= =?UTF-8?q?=D1=82=D0=B8=D0=B2=D0=BD=D0=BE=D1=81=D1=82=D0=B8,=20=D0=B2?= =?UTF-8?q?=D0=BA=D0=BB=D1=8E=D1=87=D0=B0=D1=8F=20=D0=B8=D0=B7=D0=BC=D0=B5?= =?UTF-8?q?=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BE=D1=82=D1=81=D1=82=D1=83?= =?UTF-8?q?=D0=BF=D0=BE=D0=B2=20=D0=B8=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5?= =?UTF-8?q?=D1=80=D0=BE=D0=B2.=20=D0=AD=D1=82=D0=B8=20=D0=B8=D0=B7=D0=BC?= =?UTF-8?q?=D0=B5=D0=BD=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=81=D0=BF=D0=BE=D1=81?= =?UTF-8?q?=D0=BE=D0=B1=D1=81=D1=82=D0=B2=D1=83=D1=8E=D1=82=20=D0=B1=D0=BE?= =?UTF-8?q?=D0=BB=D0=B5=D0=B5=20=D1=83=D0=B4=D0=BE=D0=B1=D0=BD=D0=BE=D0=BC?= =?UTF-8?q?=D1=83=20=D0=B2=D0=B7=D0=B0=D0=B8=D0=BC=D0=BE=D0=B4=D0=B5=D0=B9?= =?UTF-8?q?=D1=81=D1=82=D0=B2=D0=B8=D1=8E=20=D0=BF=D0=BE=D0=BB=D1=8C=D0=B7?= =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=8F=20=D1=81=20=D0=B8?= =?UTF-8?q?=D0=BD=D1=82=D0=B5=D1=80=D1=84=D0=B5=D0=B9=D1=81=D0=BE=D0=BC.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/notes/NoteEditor.tsx | 8 +++-- src/components/notes/NoteItem.tsx | 8 +++-- src/styles/style.css | 51 ++++++++++++++++++++++++----- 3 files changed, 54 insertions(+), 13 deletions(-) diff --git a/src/components/notes/NoteEditor.tsx b/src/components/notes/NoteEditor.tsx index 75faefd..784c33c 100644 --- a/src/components/notes/NoteEditor.tsx +++ b/src/components/notes/NoteEditor.tsx @@ -1078,7 +1078,9 @@ export const NoteEditor: React.FC = ({ onSave }) => { title="Улучшить или создать текст через ИИ" > - {isAiLoading ? "Обработка..." : "Помощь ИИ"} + + {isAiLoading ? "Обработка..." : "Помощь ИИ"} + )} diff --git a/src/components/notes/NoteItem.tsx b/src/components/notes/NoteItem.tsx index c7f24ca..695bbe0 100644 --- a/src/components/notes/NoteItem.tsx +++ b/src/components/notes/NoteItem.tsx @@ -1490,7 +1490,9 @@ export const NoteItem: React.FC = ({ title="Улучшить или создать текст через ИИ" > - {isAiLoading ? "Обработка..." : "Помощь ИИ"} + + {isAiLoading ? "Обработка..." : "Помощь ИИ"} + )} diff --git a/src/styles/style.css b/src/styles/style.css index ccc408c..c14bb76 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -1072,7 +1072,9 @@ textarea:focus { .action-buttons { display: flex; align-items: center; - gap: 10px; + gap: 8px; + padding-right: 0; + flex-wrap: wrap; } .btnAI { @@ -1080,7 +1082,13 @@ textarea:focus { color: white; display: flex; align-items: center; - gap: 6px; + justify-content: center; + gap: 4px; + padding: 8px 12px; + min-height: 44px; + white-space: nowrap; + flex-shrink: 0; + font-size: 13px; } .btnAI:hover { @@ -1103,7 +1111,7 @@ textarea:focus { } .btnSave { - padding: 10px 20px; + padding: 8px 16px; cursor: pointer; border-width: 1px; background: var(--bg-secondary); @@ -1112,7 +1120,13 @@ textarea:focus { border-radius: 5px; font-family: "Open Sans", sans-serif; transition: all 0.3s ease; - font-size: 16px; + font-size: 14px; + min-height: 44px; + white-space: nowrap; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; } .btnSave:hover { @@ -1567,6 +1581,8 @@ textarea:focus { user-select: none; -webkit-user-select: none; min-height: 44px; + min-width: 44px; + flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; @@ -1580,6 +1596,8 @@ textarea:focus { @media (max-width: 768px) { .markdown-buttons.markdown-buttons--edit .btnMarkdown { min-height: 48px; + min-width: 48px; + flex-shrink: 0; padding: 8px 12px; margin: 0; } @@ -1600,6 +1618,8 @@ textarea:focus { user-select: none; -webkit-user-select: none; min-height: 44px; /* Минимальная высота для touch */ + min-width: 44px; + flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; @@ -1720,8 +1740,9 @@ textarea:focus { align-items: center; justify-content: center; transition: all 0.2s ease; - min-width: 32px; - min-height: 32px; + min-width: 36px; + min-height: 36px; + flex-shrink: 0; } .floating-toolbar-btn:hover { @@ -3018,8 +3039,8 @@ textarea:focus { } .markdown-buttons .btnMarkdown { - flex: 0 1 auto; - min-width: auto; + flex: 0 0 auto; + min-width: 44px; margin-right: 0; padding: 8px 12px; font-size: 14px; @@ -3924,6 +3945,8 @@ textarea:focus { /* Улучшения для мобильных устройств */ .markdown-buttons .btnMarkdown { min-height: 48px; /* Увеличиваем высоту для touch */ + min-width: 48px; + flex-shrink: 0; padding: 8px 12px; margin: 2px; } @@ -4241,11 +4264,17 @@ textarea:focus { background-color: var(--bg-tertiary); color: var(--text-primary); border: 1px solid var(--border-secondary); - padding: 10px 20px; + padding: 8px 16px; border-radius: 5px; cursor: pointer; font-size: 14px; transition: all 0.3s ease; + min-height: 44px; + white-space: nowrap; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; } .btn-secondary:hover { @@ -5045,6 +5074,8 @@ textarea:focus { /* Markdown кнопки */ .markdown-buttons .btnMarkdown { min-height: 44px; + min-width: 44px; + flex-shrink: 0; padding: 8px 10px; margin: 2px; font-size: 13px; @@ -5094,6 +5125,8 @@ textarea:focus { } .markdown-buttons .btnMarkdown { + min-width: 40px; + flex-shrink: 0; padding: 6px 8px; font-size: 12px; }