interface fix
parent
e8c32e0b62
commit
bd9d227676
|
|
@ -83,13 +83,12 @@
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
/* Стили для подсветки папки при перетаскивании */
|
|
||||||
.jstree-node.highlight {
|
.jstree-node.highlight {
|
||||||
background-color: #d4edda !important; /* Светлая тема */
|
background-color: #d4edda !important;
|
||||||
border: 2px dashed #28a745;
|
border: 2px dashed #28a745;
|
||||||
}
|
}
|
||||||
.jstree-node.highlight.dark-theme {
|
.jstree-node.highlight.dark-theme {
|
||||||
background-color: #2f4f4f !important; /* Темная тема */
|
background-color: #2f4f4f !important;
|
||||||
border: 2px dashed #5cb85c;
|
border: 2px dashed #5cb85c;
|
||||||
}
|
}
|
||||||
.jstree-default-dark .jstree-clicked {
|
.jstree-default-dark .jstree-clicked {
|
||||||
|
|
@ -101,17 +100,33 @@
|
||||||
color: #e0e0e0 !important;
|
color: #e0e0e0 !important;
|
||||||
}
|
}
|
||||||
#search-container {
|
#search-container {
|
||||||
position: absolute;
|
margin-top: 20px; /* Сдвигаем поиск ниже */
|
||||||
top: 10px;
|
text-align: left; /* Выравнивание влево для поля поиска */
|
||||||
right: 10px;
|
|
||||||
text-align: right;
|
|
||||||
}
|
}
|
||||||
#search-container.dark-theme input, #search-container.dark-theme select {
|
#search-container.dark-theme input, #search-container.dark-theme select {
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
color: #e0e0e0;
|
color: #e0e0e0;
|
||||||
border: 1px solid #555;
|
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; }
|
#installs-list { margin-top: 0; }
|
||||||
.header {
|
.header {
|
||||||
display: table;
|
display: table;
|
||||||
|
|
@ -299,6 +314,15 @@
|
||||||
.theme-toggle.dark-theme:hover {
|
.theme-toggle.dark-theme:hover {
|
||||||
background: #0066cc;
|
background: #0066cc;
|
||||||
}
|
}
|
||||||
|
/* Новый стиль для правого блока кнопок */
|
||||||
|
.export-import-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end; /* Выравнивание вправо */
|
||||||
|
margin-top: 10px; /* Отступ сверху */
|
||||||
|
}
|
||||||
|
.export-import-container button {
|
||||||
|
margin-left: 10px; /* Отступ между кнопками */
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -313,17 +337,19 @@
|
||||||
Органайзер АйТи-Депо
|
Органайзер АйТи-Депо
|
||||||
<button class="theme-toggle" onclick="toggleTheme()">Темная тема</button>
|
<button class="theme-toggle" onclick="toggleTheme()">Темная тема</button>
|
||||||
</h1>
|
</h1>
|
||||||
<div id="search-container">
|
<div class="export-import-container">
|
||||||
<input type="text" id="search-input" placeholder="Поиск по ID или имени">
|
|
||||||
<select id="folder-select" class="folder-select">
|
|
||||||
<option value="">Все папки</option>
|
|
||||||
</select>
|
|
||||||
<button onclick="exportCSV()">Экспорт CSV</button>
|
<button onclick="exportCSV()">Экспорт CSV</button>
|
||||||
<form id="import-form" enctype="multipart/form-data">
|
<form id="import-form" enctype="multipart/form-data">
|
||||||
<input type="file" id="import-file" accept=".csv" onchange="importCSV(this.files[0])">
|
<input type="file" id="import-file" accept=".csv" onchange="importCSV(this.files[0])">
|
||||||
<label for="import-file" id="import-label">Импорт CSV</label>
|
<label for="import-file" id="import-label">Импорт CSV</label>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</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">
|
<div class="form-container">
|
||||||
<h2>Добавить запись</h2>
|
<h2>Добавить запись</h2>
|
||||||
<input type="text" id="rustId" placeholder="ID подключения" required>
|
<input type="text" id="rustId" placeholder="ID подключения" required>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue