added logo and bagFix

This commit is contained in:
SlimusMinus
2026-08-31 01:03:41 +03:00
parent 4287a5731b
commit 7e33552993
10 changed files with 319 additions and 39 deletions

View File

@@ -132,26 +132,33 @@
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 10px 8px 4px;
flex-wrap: nowrap;
width: 100%;
padding: 8px 12px;
border-radius: 999px;
background: rgba(var(--nk-signal-rgb), 0.02);
border: 1px solid transparent;
}
.nk-logo {
font-family: 'Fraunces', serif;
font-size: 21px;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--text-primary);
display: flex;
align-items: center;
flex-shrink: 0;
}
.nk-logo svg {
height: 80px;
width: auto;
display: block;
}
.nk-nav-right {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
margin-left: auto;
}
.nk-lang-btn,
@@ -286,16 +293,6 @@
font-weight: 600;
}
.nk-eyebrow::before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--nk-signal);
box-shadow: 0 0 0 3px rgba(var(--nk-signal-rgb), 0.18);
flex-shrink: 0;
}
.nk-h1 {
font-family: 'Fraunces', serif;
font-weight: 600;
@@ -453,12 +450,12 @@
}
.nk-nav {
padding: 4px;
padding: 0;
background: none;
}
.nk-logo {
font-size: 19px;
.nk-logo svg {
height: 64px;
}
.nk-hero-text {

View File

@@ -219,13 +219,11 @@
/* ── Footer (phone + owner actions) ── */
.f-card-foot {
display: flex; flex-direction: row; align-items: center; justify-content: center;
display: flex; flex-direction: row; align-items: center; justify-content: space-between;
gap: 10px; padding: 10px 16px 12px;
}
.f-card-foot-left { display: flex; align-items: center; }
.f-card-foot-right { display: flex; align-items: center; }
.f-card-phone {
color: var(--teal); font-size: .75rem; font-weight: 700;
color: var(--teal); font-size: .85rem; font-weight: 700;
text-decoration: none; display: flex; align-items: center; gap: 4px;
white-space: nowrap;
}
@@ -235,9 +233,9 @@
display: flex; align-items: center; gap: 5px;
background: rgba(var(--teal-rgb), .1);
border: 1px solid rgba(var(--teal-rgb), .3);
border-radius: 999px; padding: 6px 20px;
border-radius: 999px; padding: 12px 34px;
cursor: pointer; font-family: var(--font);
font-size: .75rem; font-weight: 700;
font-size: .95rem; font-weight: 700;
color: var(--teal); transition: all .2s;
white-space: nowrap;
}
@@ -390,7 +388,7 @@
@media (max-width: 600px) {
.f-card-contact {
padding: 5px 16px;
font-size: .7rem;
padding: 12px 34px;
font-size: .95rem;
}
}

View File

@@ -129,7 +129,7 @@
z-index: 10;
}
.f-topbar-dropdown-btn {
display: inline-flex; align-items: center; gap: 4px;
display: inline-flex; align-items: center; justify-content: center; gap: 4px;
background: none; border: none; cursor: pointer;
color: var(--text-primary);
font-family: var(--font); font-weight: 900; font-size: 1.25rem;
@@ -138,6 +138,7 @@
transition: background .15s;
}
.f-topbar-dropdown-btn:hover { background: var(--hover-bg); }
.f-topbar-logo { height: auto; display: block; min-width: 0; max-width: 100%; flex-shrink: 1; }
.f-topbar-chevron {
width: 18px; height: 18px; flex-shrink: 0;

View File

@@ -284,16 +284,24 @@
.f-modal:not(.auth-modal) {
width: 100%;
max-height: 92vh;
max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 8px);
border-radius: 20px 20px 0 0;
padding: 20px 16px 32px; /* 32px снизу — отступ от home indicator */
padding: calc(20px + env(safe-area-inset-top, 0px)) 16px calc(32px + env(safe-area-inset-bottom, 0px));
}
.auth-modal {
width: 100%;
max-height: 80vh;
max-height: calc(80dvh - env(safe-area-inset-top, 0px));
border-radius: 20px;
padding: 20px 16px 32px;
padding: calc(20px + env(safe-area-inset-top, 0px)) 16px calc(32px + env(safe-area-inset-bottom, 0px));
}
}
/* Safe-area: не даём верху модалки уходить под вырез/браузерную панель на iOS */
@supports (padding-top: env(safe-area-inset-top)) {
.f-modal-bg {
padding-top: env(safe-area-inset-top, 0px);
padding-bottom: env(safe-area-inset-bottom, 0px);
}
}
@@ -430,6 +438,13 @@
.f-post-detail-modal .f-card-foot {
padding: 8px 14px;
}
.f-app.f-map-view .f-card-foot .f-card-phone {
font-size: .75rem;
}
.f-app.f-map-view .f-card-contact {
padding: 8px 20px;
font-size: .75rem;
}
.f-post-detail-close {
position: absolute;
top: 12px;

View File

@@ -1,7 +1,7 @@
/* ── Left Navigation (Instagram-style) ── */
.f-sb-head {
padding: 16px 20px 20px;
padding: 0;
display: flex; align-items: center; gap: 11px;
}
.f-sb-logo {