diff --git a/assets/HypertextPages/list-rooms.nytl.html b/assets/HypertextPages/list-rooms.nytl.html new file mode 100644 index 0000000..3b2f8fb --- /dev/null +++ b/assets/HypertextPages/list-rooms.nytl.html @@ -0,0 +1,74 @@ +{% ELDEF main JSON pres JSON userinfo JSON initial_chatListUpdResp %} + + + + + + {%w pres.list-rooms.header %} + + + + + + + + + + + +
+ + +
+ New chat +
+ +
+
+
+ + + + + +{% ENDELDEF %} diff --git a/assets/css/list-rooms.css b/assets/css/list-rooms.css new file mode 100644 index 0000000..a3941b7 --- /dev/null +++ b/assets/css/list-rooms.css @@ -0,0 +1,166 @@ +/* Общие стили */ +body { + font-family: 'Roboto', sans-serif; + background-color: #f7f9fc; + color: #333; + margin: 0; + padding: 0; + box-sizing: border-box; +} + +/* Панель навигации */ +.panel { + background-color: #007bff; + padding: 10px; + color: white; + display: flex; + align-items: center; +} + +.panel-thing { + margin-right: 20px; + text-decoration: none; + color: white; +} + +.panel-header-txt { + font-size: 18px; + font-weight: bold; +} + +/* Стили динамических блоков */ +.dynamic-block-list { + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; +} + +.dynamic-block-list-el-container { + width: 100%; + max-width: 600px; + margin-top: 20px; +} + +/* Кнопка добавления */ +.button-add { + width: 50px; + height: 50px; + cursor: pointer; + transition: transform 0.2s; +} + +.button-add:hover { + transform: scale(1.1); +} + +/* Всплывающие окна */ +.popup-window { + background-color: white; + border-radius: 8px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + padding: 20px; + max-width: 500px; + margin: 0 auto; +} + +.popup-window-msg { + font-size: 20px; + margin-bottom: 15px; + color: #333; +} + +.popup-window-btn-yes, .popup-window-btn-no { + padding: 10px 20px; + border: none; + border-radius: 5px; + font-size: 16px; + cursor: pointer; +} + +.popup-window-btn-yes { + background-color: #28a745; + color: white; + margin-right: 10px; +} + +.popup-window-btn-no { + background-color: #dc3545; + color: white; +} + +/* Таблица ввода */ +table.id-str-input-table { + width: 100%; + border-collapse: collapse; + margin-bottom: 20px; +} + +.id-str-input-td1, .id-str-input-td2 { + border: none; + padding: 10px; +} + +.id-str-input-td1 { + text-align: left; + padding-right: 10px; + font-weight: bold; + color: #555; + white-space: nowrap; +} + +.id-str-input-td2 { + width: 100%; +} + +.one-line-input { + width: 100%; + padding: 8px 12px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; +} + +/* Стили комнат */ +.CL-my-chat-box { + display: flex; + flex-direction: row; + position: relative; + padding: 10px; + background-color: #e0f7fa; + border-radius: 8px; + margin-bottom: 10px; + align-items: center; + min-height: 40px; + width: 100%; +} + +/* Текст внутри блока комнаты */ +.CL-my-chat-box-nickname, .CL-my-chat-box-name, .CL-my-chat-box-my-role { + margin-left: 8px; + justify-self: flex-start; +} + +/* Крестик в правом верхнем углу */ +.CL-my-chat-box-leave-btn { + position: absolute; + top: 8px; + right: 8px; + width: 16px; + height: 16px; + background: url('/assets/img/close.svg') no-repeat center; + background-size: cover; + cursor: pointer; + border: none; + transition: transform 0.2s; +} + +.CL-my-chat-box-leave-btn:hover { + transform: scale(1.2); +} + +/* Дизайн списка комнат остается таким же */ +#CL-bacbe { + margin-top: 6px; + margin-bottom: 4px; +}