Compare commits

...

2 Commits

2 changed files with 77 additions and 39 deletions

View File

@ -200,3 +200,39 @@ body {
.chat-send-button:hover { .chat-send-button:hover {
background-color: #007bb5; background-color: #007bb5;
} }
.back-to-rooms {
position: absolute;
left: 10px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
.back-to-rooms:hover {
text-decoration: underline;
color: #f7f7f7;
}
.room-name {
position: absolute;
left: 50%;
font-size: 24px;
}
.members {
border: none;
position: absolute;
left: 80%;
border-radius: 10px;
cursor: pointer;
width: 150px;
background-color: #f7f7f7;
height: 25px;
transition: background-color 0.3s ease;
}
.members:hover {
background-color: #218838;
}

View File

@ -9,6 +9,8 @@
<body> <body>
<div class="chat-container"> <div class="chat-container">
<div class="chat-header"> <div class="chat-header">
<!-- Добавленная кнопка перехода -->
<a href="list-rooms.html" class="back-to-rooms">К списку чатов</a>
<span class="room-name">Веб чат</span> <span class="room-name">Веб чат</span>
<button class="members" onclick="openMembersList()">Показать участников</button> <button class="members" onclick="openMembersList()">Показать участников</button>
</div> </div>