NetsPro/Reflex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

фикс фона

Browse Source
This commit is contained in:
Professional 2025-05-23 16:22:24 +07:00
parent 53910937cf
commit b6c69b1e27
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/ChatListView.vue
View File

@ -390,6 +390,8 @@ const getDialogsCountText = (count) => {
.modern-chatlist-view { .modern-chatlist-view {
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background-attachment: fixed; /* Фиксирует фон для растяжения на весь экран */
background-size: cover;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;

8
src/views/ChatView.vue
View File

@ -695,6 +695,8 @@ const handleClickOutsideContextMenu = (event) => {
.modern-chat-view { .modern-chat-view {
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background-attachment: fixed; /* Фиксирует фон для растяжения на весь экран */
background-size: cover;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -713,7 +715,7 @@ const handleClickOutsideContextMenu = (event) => {
/* Header Section */ /* Header Section */
.chat-header { .chat-header {
background: rgba(255, 255, 255, 0.1); background: rgba(33, 33, 60, 0.8); /* Более темный, менее прозрачный фон */
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding: 1rem 0; padding: 1rem 0;
@ -792,6 +794,8 @@ const handleClickOutsideContextMenu = (event) => {
margin: 0; margin: 0;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: 600; font-weight: 600;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); /* Добавлена тень для лучшей видимости текста */
color: #ffffff; /* Гарантирует белый цвет текста */
} }
.typing-status { .typing-status {
@ -942,6 +946,8 @@ const handleClickOutsideContextMenu = (event) => {
flex-direction: column; flex-direction: column;
height: calc(100vh - 140px); height: calc(100vh - 140px);
position: relative; position: relative;
margin: 0 auto; /* Центрировать карточку */
width: 100%; /* Ширина 100% в контейнере */
} }
/* Messages Container */ /* Messages Container */