From cfa0e29bbfee25314081b83162ea551ffa06cac7 Mon Sep 17 00:00:00 2001
From: MpakobecEx <tsunauyshi@gmail.com>
Date: Sun, 25 Oct 2026 21:47:06 +0500
Subject: [PATCH] =?UTF-8?q?=D0=90=D0=B4=D0=BC=D0=B8=D0=BD=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D1=81=D1=82=D0=B0=D0=BB=D0=B0=20=D1=83=D0=B4=D0=BE=D0=B1=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D1=81=20=D1=82=D0=B5=D0=BB=D0=B5=D1=84=D0=BE?=
 =?UTF-8?q?=D0=BD=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Навигация сворачивается в бургер-меню, второстепенные колонки таблиц скрываются на узких экранах, формы и тулбар редактора нормально складываются в одну колонку. Основные действия и ссылки остаются доступны на ширине 360–390 px.
---
 README.md                           |  5 ++-
 admin/templates/admins/list.html    |  4 +-
 admin/templates/base.html           | 61 ++++++++++++++++++++---------
 admin/templates/logs/list.html      |  8 ++--
 admin/templates/messages/list.html  |  8 ++--
 admin/templates/schedules/list.html |  8 ++--
 admin/templates/users/list.html     |  8 ++--
 common/version.py                   |  2 +-
 tests/test_version.py               |  2 +-
 9 files changed, 66 insertions(+), 40 deletions(-)

diff --git a/README.md b/README.md
index e1d1c96..5685019 100644
--- a/README.md
+++ b/README.md
@@ -96,6 +96,9 @@ ID пользователя ведёт в его карточку. ClickHouse ч
 код, блок кода, цитата, спойлер и ссылка; есть предпросмотр и счётчик символов
 (1024 для подписи к фото, 4096 для обычного сообщения).
 
+Интерфейс адаптирован под мобильные: бургер-меню, второстепенные колонки таблиц
+скрываются на узких экранах, формы складываются в одну колонку.
+
 ## Аналитика (ClickHouse)
 
 Все значимые действия бота пишутся в ClickHouse в единую таблицу `analytics.events`.
@@ -158,7 +161,7 @@ make backup E=test     # на домашнем сервере: ./scripts/clickho
 
 ## Версионирование
 
-- Единый источник версии — `common/version.py` (`__version__`), текущая — `0.5.2`.
+- Единый источник версии — `common/version.py` (`__version__`), текущая — `0.5.3`.
 - Схема — SemVer-подобная (`MAJOR.MINOR.PATCH`); git-тег = `v` + версия (`v0.1`).
 - Docker-образы тегируются версией (Блок 2), события ClickHouse получают `bot_version` (Блок 3).
 - Выпуск: изменить `common/version.py` → коммит → аннотированный тег `vX.Y` → `git push --tags`.
diff --git a/admin/templates/admins/list.html b/admin/templates/admins/list.html
index 02ca81c..b67f1fe 100644
--- a/admin/templates/admins/list.html
+++ b/admin/templates/admins/list.html
@@ -81,7 +81,7 @@
         <th class="px-4 py-3 font-medium">Username</th>
         <th class="px-4 py-3 font-medium">Роль</th>
         <th class="px-4 py-3 font-medium">Доступ</th>
-        <th class="px-4 py-3 font-medium">Последний вход</th>
+        <th class="hidden px-4 py-3 font-medium lg:table-cell">Последний вход</th>
         <th class="px-4 py-3 font-medium"></th>
       </tr>
     </thead>
@@ -116,7 +116,7 @@
           <span class="rounded bg-slate-100 px-2 py-0.5 text-xs text-slate-500">выключен</span>
           {% endif %}
         </td>
-        <td class="px-4 py-3 text-slate-600">
+        <td class="hidden px-4 py-3 text-slate-600 lg:table-cell">
           {{ admin.last_login_at.strftime("%d.%m.%Y %H:%M") if admin.last_login_at else "—" }}
         </td>
         <td class="px-4 py-3">
diff --git a/admin/templates/base.html b/admin/templates/base.html
index 9adda26..0fe05db 100644
--- a/admin/templates/base.html
+++ b/admin/templates/base.html
@@ -9,25 +9,38 @@
   </head>
   <body class="min-h-screen bg-slate-100 text-slate-900">
     <header class="border-b border-slate-200 bg-white">
-      <div class="mx-auto flex max-w-5xl items-center justify-between px-4 py-4">
-        <a href="/" class="text-lg font-semibold">DispelEvilBot</a>
-        <nav class="flex items-center gap-4 text-sm">
-          <a href="/" class="text-slate-600 hover:text-slate-900">Главная</a>
-          <a href="/messages" class="text-slate-600 hover:text-slate-900">Сообщения</a>
-          <a href="/sequences" class="text-slate-600 hover:text-slate-900">Последовательности</a>
-          <a href="/schedules" class="text-slate-600 hover:text-slate-900">Расписания</a>
-          <a href="/users" class="text-slate-600 hover:text-slate-900">Пользователи</a>
-          <a href="/admins" class="text-slate-600 hover:text-slate-900">Админы</a>
-          <a href="/logs" class="text-slate-600 hover:text-slate-900">Логи</a>
-          {% if request.session.get('admin_id') %}
-          <span class="text-slate-500">{{ request.session.get('admin_username') or 'админ' }}</span>
-          <form method="post" action="/logout">
-            <input type="hidden" name="csrf_token" value="{{ request.session.get('csrf', '') }}" />
-            <button type="submit" class="text-slate-600 hover:text-slate-900">Выйти</button>
-          </form>
-          {% endif %}
-          <span class="text-slate-500">админка · v{{ version }}</span>
-        </nav>
+      <div class="mx-auto max-w-5xl px-4 py-3">
+        <div class="flex flex-wrap items-center justify-between gap-3">
+          <a href="/" class="text-lg font-semibold">DispelEvilBot</a>
+          <button
+            id="nav-toggle"
+            type="button"
+            class="rounded-lg border border-slate-300 px-3 py-1.5 text-sm text-slate-600 sm:hidden"
+            aria-expanded="false"
+          >
+            Меню
+          </button>
+          <nav
+            id="nav-menu"
+            class="hidden w-full flex-col gap-2 border-t border-slate-100 pt-2 text-sm sm:flex sm:w-auto sm:flex-row sm:items-center sm:gap-4 sm:border-0 sm:pt-0"
+          >
+            <a href="/" class="py-1 text-slate-600 hover:text-slate-900">Главная</a>
+            <a href="/messages" class="py-1 text-slate-600 hover:text-slate-900">Сообщения</a>
+            <a href="/sequences" class="py-1 text-slate-600 hover:text-slate-900">Последовательности</a>
+            <a href="/schedules" class="py-1 text-slate-600 hover:text-slate-900">Расписания</a>
+            <a href="/users" class="py-1 text-slate-600 hover:text-slate-900">Пользователи</a>
+            <a href="/admins" class="py-1 text-slate-600 hover:text-slate-900">Админы</a>
+            <a href="/logs" class="py-1 text-slate-600 hover:text-slate-900">Логи</a>
+            {% if request.session.get('admin_id') %}
+            <span class="py-1 text-slate-500">{{ request.session.get('admin_username') or 'админ' }}</span>
+            <form method="post" action="/logout" class="py-1">
+              <input type="hidden" name="csrf_token" value="{{ request.session.get('csrf', '') }}" />
+              <button type="submit" class="text-slate-600 hover:text-slate-900">Выйти</button>
+            </form>
+            {% endif %}
+            <span class="py-1 text-slate-500">админка · v{{ version }}</span>
+          </nav>
+        </div>
       </div>
     </header>
 
@@ -39,6 +52,16 @@
 
     <script>
       document.addEventListener("DOMContentLoaded", function () {
+        var navToggle = document.getElementById("nav-toggle");
+        var navMenu = document.getElementById("nav-menu");
+        if (navToggle && navMenu) {
+          navToggle.addEventListener("click", function () {
+            var hidden = navMenu.classList.toggle("hidden");
+            navMenu.classList.toggle("flex", !hidden);
+            navToggle.setAttribute("aria-expanded", String(!hidden));
+          });
+        }
+
         var tags = {
           b: ["<b>", "</b>"],
           i: ["<i>", "</i>"],
diff --git a/admin/templates/logs/list.html b/admin/templates/logs/list.html
index 7928865..d249f63 100644
--- a/admin/templates/logs/list.html
+++ b/admin/templates/logs/list.html
@@ -72,8 +72,8 @@
         <th class="px-4 py-3 font-medium">Время</th>
         <th class="px-4 py-3 font-medium">Событие</th>
         <th class="px-4 py-3 font-medium">Пользователь</th>
-        <th class="px-4 py-3 font-medium">Чат</th>
-        <th class="px-4 py-3 font-medium">Версия</th>
+        <th class="hidden px-4 py-3 font-medium lg:table-cell">Чат</th>
+        <th class="hidden px-4 py-3 font-medium xl:table-cell">Версия</th>
         <th class="px-4 py-3 font-medium">Payload</th>
       </tr>
     </thead>
@@ -93,8 +93,8 @@
             <span class="text-slate-400">—</span>
           {% endif %}
         </td>
-        <td class="px-4 py-3 font-mono text-xs text-slate-500">{{ event.chat_id or "—" }}</td>
-        <td class="px-4 py-3 text-xs text-slate-500">{{ event.bot_version }}</td>
+        <td class="hidden px-4 py-3 font-mono text-xs text-slate-500 lg:table-cell">{{ event.chat_id or "—" }}</td>
+        <td class="hidden px-4 py-3 text-xs text-slate-500 xl:table-cell">{{ event.bot_version }}</td>
         <td class="px-4 py-3">
           {% if event.payload_pretty %}
           <details>
diff --git a/admin/templates/messages/list.html b/admin/templates/messages/list.html
index 937ad6e..390e874 100644
--- a/admin/templates/messages/list.html
+++ b/admin/templates/messages/list.html
@@ -29,8 +29,8 @@
       <tr>
         <th class="px-4 py-3 font-medium">Ключ</th>
         <th class="px-4 py-3 font-medium">Описание</th>
-        <th class="px-4 py-3 font-medium">Длина</th>
-        <th class="px-4 py-3 font-medium">Изменён</th>
+        <th class="hidden px-4 py-3 font-medium sm:table-cell">Длина</th>
+        <th class="hidden px-4 py-3 font-medium md:table-cell">Изменён</th>
       </tr>
     </thead>
     <tbody class="divide-y divide-slate-100">
@@ -40,8 +40,8 @@
           <a href="/messages/{{ template.key }}" class="font-mono text-sky-700 hover:underline">{{ template.key }}</a>
         </td>
         <td class="px-4 py-3 text-slate-700">{{ template.description }}</td>
-        <td class="px-4 py-3 text-slate-500">{{ template.text_length }}</td>
-        <td class="px-4 py-3 text-slate-500">{{ template.updated_at.strftime("%d.%m.%Y %H:%M") }}</td>
+        <td class="hidden px-4 py-3 text-slate-500 sm:table-cell">{{ template.text_length }}</td>
+        <td class="hidden px-4 py-3 text-slate-500 md:table-cell">{{ template.updated_at.strftime("%d.%m.%Y %H:%M") }}</td>
       </tr>
       {% endfor %}
     </tbody>
diff --git a/admin/templates/schedules/list.html b/admin/templates/schedules/list.html
index 49cb6a6..7766151 100644
--- a/admin/templates/schedules/list.html
+++ b/admin/templates/schedules/list.html
@@ -20,9 +20,9 @@
     <thead class="bg-slate-50 text-left text-slate-600">
       <tr>
         <th class="px-4 py-3 font-medium">Время</th>
-        <th class="px-4 py-3 font-medium">Дни</th>
+        <th class="hidden px-4 py-3 font-medium sm:table-cell">Дни</th>
         <th class="px-4 py-3 font-medium">Шаблон</th>
-        <th class="px-4 py-3 font-medium">Таймзона</th>
+        <th class="hidden px-4 py-3 font-medium lg:table-cell">Таймзона</th>
         <th class="px-4 py-3 font-medium">Статус</th>
         <th class="px-4 py-3 font-medium"></th>
       </tr>
@@ -31,12 +31,12 @@
       {% for schedule in schedules %}
       <tr class="hover:bg-slate-50">
         <td class="px-4 py-3 font-mono">{{ "%02d:%02d" | format(schedule.hour, schedule.minute) }}</td>
-        <td class="px-4 py-3">{{ format_weekdays(schedule.weekdays) }}</td>
+        <td class="hidden px-4 py-3 sm:table-cell">{{ format_weekdays(schedule.weekdays) }}</td>
         <td class="px-4 py-3">
           <div class="font-mono text-sky-700">{{ schedule.template_key }}</div>
           <div class="text-xs text-slate-500">{{ schedule.description or schedule.template_description }}</div>
         </td>
-        <td class="px-4 py-3 text-slate-600">{{ schedule.timezone }}</td>
+        <td class="hidden px-4 py-3 text-slate-600 lg:table-cell">{{ schedule.timezone }}</td>
         <td class="px-4 py-3">
           {% if schedule.enabled %}
           <span class="rounded bg-emerald-100 px-2 py-0.5 text-xs text-emerald-800">включено</span>
diff --git a/admin/templates/users/list.html b/admin/templates/users/list.html
index f6bac3e..2ff0d75 100644
--- a/admin/templates/users/list.html
+++ b/admin/templates/users/list.html
@@ -35,9 +35,9 @@
       <tr>
         <th class="px-4 py-3 font-medium">Ник</th>
         <th class="px-4 py-3 font-medium">Telegram</th>
-        <th class="px-4 py-3 font-medium">Уровень</th>
+        <th class="hidden px-4 py-3 font-medium sm:table-cell">Уровень</th>
         <th class="px-4 py-3 font-medium">Баланс</th>
-        <th class="px-4 py-3 font-medium">Сообщения</th>
+        <th class="hidden px-4 py-3 font-medium md:table-cell">Сообщения</th>
         <th class="px-4 py-3 font-medium">Подписка</th>
       </tr>
     </thead>
@@ -54,9 +54,9 @@
           {% if user.username %}<div>@{{ user.username }}</div>{% endif %}
           <div class="font-mono text-xs text-slate-500">{{ user.id_user }}</div>
         </td>
-        <td class="px-4 py-3">{{ user.lvl }}</td>
+        <td class="hidden px-4 py-3 sm:table-cell">{{ user.lvl }}</td>
         <td class="px-4 py-3">{{ user.balance }}</td>
-        <td class="px-4 py-3">{{ user.msg_count }}</td>
+        <td class="hidden px-4 py-3 md:table-cell">{{ user.msg_count }}</td>
         <td class="px-4 py-3">
           {% if user.subscribed %}
           <span class="rounded bg-emerald-100 px-2 py-0.5 text-xs text-emerald-800">да</span>
diff --git a/common/version.py b/common/version.py
index 24a1ca2..3d1d073 100644
--- a/common/version.py
+++ b/common/version.py
@@ -7,4 +7,4 @@
 
 from __future__ import annotations
 
-__version__ = "0.5.2"
+__version__ = "0.5.3"
diff --git a/tests/test_version.py b/tests/test_version.py
index 7cd6b04..c7b28e6 100644
--- a/tests/test_version.py
+++ b/tests/test_version.py
@@ -7,4 +7,4 @@ from common import __version__
 
 def test_version_is_set():
     assert __version__
-    assert __version__ == "0.5.2"
+    assert __version__ == "0.5.3"