Подписки patsagov95
.panel-left {
background: #ffffff;
border: 1px solid #e0e0e0;
padding: 16px;
border-radius: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
max-width: 220px;
}
.panel-left-menu {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 10px 14px;
margin-bottom: 6px;
background: #f9f9f9;
border: 1px solid #e6e6e6;
border-radius: 10px;
color: #2b2b2b;
font-size: 0.88rem;
font-weight: 500;
text-decoration: none;
transition: all 0.2s ease;
}
.panel-left-menu:hover {
background-color: #f0f0f0;
transform: translateY(-1px);
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
color: #000;
}
.panel-left-menu svg {
width: 18px;
height: 18px;
flex-shrink: 0;
fill: #777;
margin-right: 8px;
transition: fill 0.2s;
}
.panel-left-menu:hover svg {
fill: #000;
}
.panel-left-menu span {
flex-grow: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.count-mess {
background-color: #007bff;
color: #fff;
font-size: 0.68rem;
font-weight: 600;
padding: 3px 7px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
margin-left: 8px;
flex-shrink: 0;
}
.pfm_name {
margin: 10px 0 6px 4px;
font-size: 0.78rem;
color: #6c757d;
font-weight: 600;
text-transform: uppercase;
}
.panel-left-bottom {
margin-top: 20px;
font-size: 0.75rem;
color: #888;
text-align: center;
}
.panel-left-bottom button {
background: none;
border: none;
padding: 5px 8px;
font-size: 0.72rem;
color: #007bff;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s, color 0.2s;
}
.panel-left-bottom button:hover {
background-color: rgba(0, 123, 255, 0.05);
text-decoration: underline;
}
.panel-left-bottom p {
margin: 4px 0;
font-size: 0.7rem;
color: #aaa;
}
Мы используем файлы cookies. Вы даете разрешение на использование?
Да, разрешаю
🛠️
Сейчас идут технические работы.
Пожалуйста, подождите немного и обновите свой профиль.
Если есть вопросы или нужна помощь, пожалуйста, свяжитесь с нами:
Связаться
