admin/nahodka-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added transparency for sidebar.css

Browse Source
This commit is contained in:
SlimusMinus
2026-06-04 00:48:27 +03:00
parent 1ae4900542
commit 3ff0fa142e
1 changed files with 35 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/styles/sidebar.css
View File

@@ -63,3 +63,38 @@
transition: background .2s, transform .15s; transition: background .2s, transform .15s;
} }
.f-add-promo-btn:hover { background: rgba(45,224,200,.15); transform: translateY(-1px); } .f-add-promo-btn:hover { background: rgba(45,224,200,.15); transform: translateY(-1px); }
.f-sidebar {
width: 260px; min-width: 260px;
background: linear-gradient(180deg, rgba(26,37,64,.82) 0%, rgba(17,24,39,.88) 100%);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border-right: 1px solid var(--border);
display: flex; flex-direction: column;
transform: translateX(-100%);
transition: transform .32s cubic-bezier(.4,0,.2,1);
position: fixed; left: 0; top: 0; height: 100%; z-index: 50;
}
.f-right {
width: 220px; min-width: 220px; padding: 16px 12px;
border-left: 1px solid var(--border);
background: rgba(17,24,39,.55);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
display: flex; flex-direction: column; gap: 14px; overflow-y: auto;
}
.f-sb-logo {
width: 36px; height: 36px;
background: linear-gradient(135deg, var(--teal2), var(--teal));
border-radius: 10px;
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
box-shadow: 0 0 12px rgba(45,224,200,.3); /* мягкое свечение */
}
@media (max-width: 900px) {
.f-right {
display: none;
}
}