21834d7d71
Add endpoint telezab/users Add endpoint telezab/users/add Add endpoint telezab/users/del Add endpoint telezab/users/get Add endpoint telezab/regions Add endpoint telezab/regions/add Add endpoint telezab/regions/del Add endpoint telezab/regions/get Rework Active Triggers button now don't need subscription Rework Help button Add option to change what Notification type you want reciving All or Disaster Only Rework Settings button removed some misc buttons Rework Registration mechanism now using POST JSON users/add Rework formating of Zabbix Triggers for Active triggers and Notification from Zabbix
102 lines
1.9 KiB
CSS
102 lines
1.9 KiB
CSS
/* Обнуляем отступы для более гибкого макета */
|
||
* {
|
||
margin: 0;
|
||
padding: 0;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* Основные контейнеры */
|
||
html, body {
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
|
||
body {
|
||
font-family: Arial, sans-serif;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
|
||
/* Основной контейнер, занимает весь экран */
|
||
.container {
|
||
display: flex;
|
||
height: 100%;
|
||
width: 100%;
|
||
padding: 20px;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/* Контейнер для списка пользователей */
|
||
.user-list-container {
|
||
width: 30%; /* Список пользователей занимает 30% ширины */
|
||
display: flex;
|
||
flex-direction: column;
|
||
margin-right: 20px;
|
||
}
|
||
|
||
/* Прокручивающийся список пользователей */
|
||
.user-list {
|
||
flex: 1;
|
||
max-height: 100%;
|
||
overflow-y: auto;
|
||
border: 1px solid #ddd;
|
||
padding: 10px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.user-item {
|
||
margin: 10px 0;
|
||
padding: 10px;
|
||
border: 1px solid #ddd;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.user-item.selected {
|
||
background-color: #f0f0f0;
|
||
}
|
||
|
||
/* Блок управления */
|
||
.controls {
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 70%; /* Блок с информацией и кнопкой занимает 70% ширины */
|
||
}
|
||
|
||
#show-events {
|
||
margin-bottom: 20px;
|
||
padding: 10px 20px;
|
||
font-size: 16px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
#user-info {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
#events {
|
||
margin-top: 10px;
|
||
max-height: 300px;
|
||
overflow-y: auto;
|
||
border: 1px solid #ddd;
|
||
padding: 10px;
|
||
}
|
||
|
||
#events ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
|
||
#events ul li {
|
||
margin-bottom: 5px;
|
||
}
|
||
|
||
/* Контейнер для строки поиска */
|
||
.search-container {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.search-container input {
|
||
width: 100%;
|
||
padding: 8px;
|
||
box-sizing: border-box;
|
||
} |