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

23

main
Satur@it-depot.ru 2025-03-06 17:29:16 +03:00
parent 27eb79f91f
commit 09b461b7d9
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
templates/index.html
View File

@ -121,6 +121,8 @@
#search-container { #search-container {
margin-top: 20px; margin-top: 20px;
text-align: left; text-align: left;
display: flex;
align-items: center;
} }
#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;
@ -129,12 +131,13 @@
} }
#search-input { #search-input {
width: 300px; width: 300px;
height: 40px; height: 60px;
font-size: 16px; font-size: 16px;
padding: 5px 10px; padding: 5px 10px;
border: 2px solid #007bff; border: 2px solid #007bff;
border-radius: 5px; border-radius: 5px;
transition: border-color 0.3s ease; transition: border-color 0.3s ease;
margin-right: 10px;
} }
#search-input:focus { #search-input:focus {
border-color: #0056b3; border-color: #0056b3;
@ -146,6 +149,25 @@
#search-input.dark-theme:focus { #search-input.dark-theme:focus {
border-color: #99ccff; border-color: #99ccff;
} }
#folder-select {
width: 300px;
height: 60px;
font-size: 16px;
padding: 5px 10px;
border: 2px solid #007bff;
border-radius: 5px;
transition: border-color 0.3s ease;
}
#folder-select:focus {
border-color: #0056b3;
outline: none;
}
#folder-select.dark-theme {
border-color: #66b3ff;
}
#folder-select.dark-theme:focus {
border-color: #99ccff;
}
#installs-list { margin-top: 0; } #installs-list { margin-top: 0; }
.header { .header {
display: table; display: table;
@ -353,7 +375,8 @@
} }
#add-record-button { #add-record-button {
display: block; display: block;
margin: 20px auto; margin-left: 0;
margin-top: 20px;
width: 250px; width: 250px;
height: 60px; height: 60px;
font-size: 18px; font-size: 18px;
@ -400,12 +423,12 @@
</form> </form>
</div> </div>
<div id="search-container"> <div id="search-container">
<button id="add-record-button" onclick="openAddModal()">Добавить запись</button>
<input type="text" id="search-input" placeholder="Поиск по ID или имени"> <input type="text" id="search-input" placeholder="Поиск по ID или имени">
<select id="folder-select" class="folder-select"> <select id="folder-select" class="folder-select">
<option value="">Все папки</option> <option value="">Все папки</option>
</select> </select>
</div> </div>
<button id="add-record-button" onclick="openAddModal()">Добавить запись</button>
<div class="header"> <div class="header">
<div onclick="sortInstalls('computer_name')">Имя компьютера<span class="sort-arrow"></span></div> <div onclick="sortInstalls('computer_name')">Имя компьютера<span class="sort-arrow"></span></div>
<div onclick="sortInstalls('rust_id')">ID подключения<span class="sort-arrow"></span></div> <div onclick="sortInstalls('rust_id')">ID подключения<span class="sort-arrow"></span></div>