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

added button back from map and fix post on map

Browse Source
This commit is contained in:
SlimusMinus
2026-09-07 01:32:22 +03:00
parent 3299df14c6
commit f0a7327a1a
6 changed files with 140 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/styles/layout.css
View File

@@ -456,6 +456,50 @@
.f-mapview-geo-info { color: var(--muted); }
.f-mapview-geo-warn { color: var(--err); border-color: rgba(237,73,86,.35); }
/* Back-to-feed button on map view */
.f-mapview-back {
position: absolute;
bottom: 24px; left: 50%;
transform: translateX(-50%);
z-index: 8;
display: flex; align-items: center; gap: 8px;
padding: 12px 22px;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 999px;
background: rgba(20, 20, 20, .55);
backdrop-filter: blur(30px) saturate(1.6); -webkit-backdrop-filter: blur(30px) saturate(1.6);
color: #fff;
font-family: var(--font);
font-size: .92rem; font-weight: 700;
cursor: pointer;
white-space: nowrap;
box-shadow: 0 8px 32px rgba(0,0,0,.3), inset 0 0.5px 0 rgba(255,255,255,.08);
transition: background .15s, border-color .15s, transform .15s, box-shadow .15s;
}
.f-mapview-back-icon { width: 18px; height: 18px; flex-shrink: 0; }
:root:not([data-theme="dark"]) .f-mapview-back {
background: rgba(255, 255, 255, .6);
border-color: rgba(0, 0, 0, .08);
color: var(--text-primary);
box-shadow: 0 8px 32px rgba(0,0,0,.08), inset 0 0.5px 0 rgba(255,255,255,.7);
}
.f-mapview-back:hover {
background: rgba(255, 255, 255, .22);
border-color: rgba(255, 255, 255, .28);
transform: translateX(-50%) translateY(-2px);
box-shadow: 0 10px 36px rgba(0,0,0,.35), inset 0 0.5px 0 rgba(255,255,255,.12);
}
:root:not([data-theme="dark"]) .f-mapview-back:hover {
background: rgba(255, 255, 255, .85);
border-color: rgba(0, 0, 0, .14);
}
.f-mapview-back:active {
transform: translateX(-50%) translateY(0);
box-shadow: 0 4px 16px rgba(0,0,0,.2), inset 0 0.5px 0 rgba(255,255,255,.08);
}
/* ── Feed Wrap + Scroll ── */
.f-wrap { display: flex; flex: 1; overflow: hidden; min-height: 0; }
@@ -481,6 +525,11 @@
}
@media (max-width: 900px) {
.f-mapview-back {
/* Поднимаем кнопку выше плавающей нижней навигации */
bottom: calc(84px + env(safe-area-inset-bottom));
}
.f-feed {
padding: 10px;
gap: 12px;