added logo and bagFix
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user