From 810e309db8fba36e2aa7c26e178c64a512175e0b Mon Sep 17 00:00:00 2001 From: Fovway Date: Sun, 19 Oct 2025 15:49:23 +0700 Subject: [PATCH] =?UTF-8?q?fix:=20=D0=BE=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB?= =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B4?= =?UTF-8?q?=D0=BB=D1=8F=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D1=8C=D0=BD=D0=BE?= =?UTF-8?q?=D0=B9=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B0=D1=86=D0=B8=D0=B8?= =?UTF-8?q?=20=D0=B8=20=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5=D0=BD=D0=B0=20?= =?UTF-8?q?=D0=B2=D0=B5=D1=80=D1=81=D0=B8=D1=8F=20CSS?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Обновлена версия подключения стилей в notes.html - Добавлены новые стили для мобильной адаптации в style.css, включая изменения для контейнеров, заголовков и кнопок --- public/notes.html | 2 +- public/style.css | 90 +++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 91 insertions(+), 1 deletion(-) diff --git a/public/notes.html b/public/notes.html index f44e007..662cca0 100644 --- a/public/notes.html +++ b/public/notes.html @@ -4,7 +4,7 @@ Заметки - + diff --git a/public/style.css b/public/style.css index 37de9e4..07d87d7 100644 --- a/public/style.css +++ b/public/style.css @@ -895,3 +895,93 @@ textarea:focus { background-color: #ffc107; color: #000; } + +/* Мобильная адаптация */ +@media (max-width: 768px) { + /* Скрываем левый блок с календарем, поиском и тегами */ + .container-leftside { + display: none !important; + } + + /* На мобильных устройствах меняем направление flex и центрируем */ + body { + flex-direction: column; + gap: 0; + padding: 0 10px; + justify-content: flex-start; + align-items: center; + } + + /* Центральный контейнер занимает всю ширину, но центрируется */ + .center { + width: 100%; + max-width: 600px; + margin: 0 auto; + } + + /* Адаптируем контейнер заметок */ + .container { + width: 100%; + max-width: none; + margin-top: 10px; + padding: 10px; + box-sizing: border-box; + } + + /* Адаптируем заголовок заметок */ + .notes-header { + flex-direction: column; + align-items: flex-start; + gap: 10px; + width: 100%; + } + + .notes-header-left { + width: 100%; + } + + .user-info { + width: 100%; + justify-content: space-between; + flex-wrap: wrap; + gap: 10px; + } + + /* Адаптируем кнопки markdown */ + .markdown-buttons { + display: flex; + flex-wrap: wrap; + gap: 5px; + width: 100%; + justify-content: flex-start; + } + + .markdown-buttons .btnMarkdown { + flex: 0 1 auto; + min-width: auto; + margin-right: 0; + padding: 8px 12px; + font-size: 14px; + } + + /* Адаптируем textarea */ + textarea { + min-height: 100px; + } + + /* Адаптируем кнопку сохранения */ + .save-button-container { + width: 100%; + flex-direction: column; + } + + .btnSave { + width: 100%; + } + + /* Адаптируем footer */ + .footer { + position: relative; + margin-top: 20px; + } +}