From bd9d227676ac9fbe1ec2fea73deb6ee6d2e3a24d Mon Sep 17 00:00:00 2001 From: "Satur@it-depot.ru" Date: Thu, 6 Mar 2025 15:35:16 +0300 Subject: [PATCH] interface fix --- templates/index.html | 52 +++++++++++++++++++++++++++++++++----------- 1 file changed, 39 insertions(+), 13 deletions(-) diff --git a/templates/index.html b/templates/index.html index 84b5988..90e9953 100644 --- a/templates/index.html +++ b/templates/index.html @@ -83,13 +83,12 @@ transform: translateY(-50%); margin-left: 0; } - /* Стили для подсветки папки при перетаскивании */ .jstree-node.highlight { - background-color: #d4edda !important; /* Светлая тема */ + background-color: #d4edda !important; border: 2px dashed #28a745; } .jstree-node.highlight.dark-theme { - background-color: #2f4f4f !important; /* Темная тема */ + background-color: #2f4f4f !important; border: 2px dashed #5cb85c; } .jstree-default-dark .jstree-clicked { @@ -101,17 +100,33 @@ color: #e0e0e0 !important; } #search-container { - position: absolute; - top: 10px; - right: 10px; - text-align: right; + margin-top: 20px; /* Сдвигаем поиск ниже */ + text-align: left; /* Выравнивание влево для поля поиска */ } #search-container.dark-theme input, #search-container.dark-theme select { background-color: #333; color: #e0e0e0; border: 1px solid #555; } - #search-input { width: 200px; margin-bottom: 5px; } + #search-input { + width: 300px; /* Увеличенная ширина */ + height: 40px; /* Увеличенная высота */ + font-size: 16px; /* Более заметный текст */ + padding: 5px 10px; /* Внутренние отступы */ + border: 2px solid #007bff; /* Более толстая и заметная граница */ + border-radius: 5px; /* Скругленные углы */ + transition: border-color 0.3s ease; + } + #search-input:focus { + border-color: #0056b3; /* Изменение цвета границы при фокусе */ + outline: none; + } + #search-input.dark-theme { + border-color: #66b3ff; + } + #search-input.dark-theme:focus { + border-color: #99ccff; + } #installs-list { margin-top: 0; } .header { display: table; @@ -299,6 +314,15 @@ .theme-toggle.dark-theme:hover { background: #0066cc; } + /* Новый стиль для правого блока кнопок */ + .export-import-container { + display: flex; + justify-content: flex-end; /* Выравнивание вправо */ + margin-top: 10px; /* Отступ сверху */ + } + .export-import-container button { + margin-left: 10px; /* Отступ между кнопками */ + } @@ -313,17 +337,19 @@ Органайзер АйТи-Депо -
- - +
+
+ + +

Добавить запись