saturn
/
addressbook_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

interface fix

main
Satur@it-depot.ru 2025-03-06 15:35:16 +03:00
parent e8c32e0b62
commit bd9d227676
1 changed files with 39 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
templates/index.html
View File

@ -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; /* Отступ между кнопками */
}
</style>
</head>
<body>
@ -313,17 +337,19 @@
Органайзер АйТи-Депо
<button class="theme-toggle" onclick="toggleTheme()">Темная тема</button>
</h1>
<div id="search-container">
<input type="text" id="search-input" placeholder="Поиск по ID или имени">
<select id="folder-select" class="folder-select">
<option value="">Все папки</option>
</select>
<div class="export-import-container">
<button onclick="exportCSV()">Экспорт CSV</button>
<form id="import-form" enctype="multipart/form-data">
<input type="file" id="import-file" accept=".csv" onchange="importCSV(this.files[0])">
<label for="import-file" id="import-label">Импорт CSV</label>
</form>
</div>
<div id="search-container">
<input type="text" id="search-input" placeholder="Поиск по ID или имени">
<select id="folder-select" class="folder-select">
<option value="">Все папки</option>
</select>
</div>
<div class="form-container">
<h2>Добавить запись</h2>
<input type="text" id="rustId" placeholder="ID подключения" required>