fixed logo and word itemFound

This commit is contained in:
SlimusMinus
2026-08-31 23:57:07 +03:00
parent 673354ee3b
commit 406a473e57
7 changed files with 38 additions and 20 deletions

View File

@@ -10,7 +10,7 @@ export default function NahodkaLogo({
className={className}
width={width}
height={height}
viewBox="-40 100 760 200"
viewBox="-40 115 760 205"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
@@ -154,7 +154,9 @@ export default function NahodkaLogo({
cx="0"
cy="0"
r="70"
fill="url(#magnifier)"
fill="none"
stroke="url(#magnifier)"
strokeWidth="12"
/>
{/* Внутренняя рамка */}
@@ -163,7 +165,7 @@ export default function NahodkaLogo({
cx="0"
cy="0"
r="58"
fill="#F7EEDF"
fill="none"
/>
{/* Стекло */}
@@ -172,7 +174,7 @@ export default function NahodkaLogo({
cx="0"
cy="0"
r="53"
fill="url(#glass)"
fill="none"
/>
{/* Блик */}
@@ -204,6 +206,8 @@ export default function NahodkaLogo({
Z
"
fill="#E8D3B0"
stroke="#D97956"
strokeWidth="4"
/>
<ellipse
@@ -212,6 +216,8 @@ export default function NahodkaLogo({
rx="7"
ry="10"
fill="#E8D3B0"
stroke="#D97956"
strokeWidth="4"
transform="rotate(-25 -22 -20)"
/>
@@ -221,6 +227,8 @@ export default function NahodkaLogo({
rx="7"
ry="11"
fill="#E8D3B0"
stroke="#D97956"
strokeWidth="4"
/>
<ellipse
@@ -229,6 +237,8 @@ export default function NahodkaLogo({
rx="7"
ry="11"
fill="#E8D3B0"
stroke="#D97956"
strokeWidth="4"
/>
<ellipse
@@ -237,6 +247,8 @@ export default function NahodkaLogo({
rx="7"
ry="10"
fill="#E8D3B0"
stroke="#D97956"
strokeWidth="4"
transform="rotate(25 23 -20)"
/>
</g>

View File

@@ -47,7 +47,7 @@ export default function FeedTopBar({ onMenuClick, typeFilter, onTypeFilterChange
className="f-topbar-dropdown-btn"
onClick={() => setOpen((v) => !v)}
>
<NahodkaLogo className="f-topbar-logo" width={100} height={40} />
<NahodkaLogo className="f-topbar-logo" width={130} height={52} />
<svg
className={`f-topbar-chevron${open ? " open" : ""}`}
viewBox="0 0 24 24"

View File

@@ -155,7 +155,7 @@
"found": "Found",
"foundStatus": "✓ Found",
"write": "Write",
"itemFound": "✓ Item found",
"itemFound": "✓ Returned to owner",
"showOnMap": "Show on map — {{address}}",
"contactError": "Unable to open the chat. Please try again",
"reward": "Reward",

View File

@@ -156,7 +156,7 @@
"found": "Находка",
"foundStatus": "✓ Найдено",
"write": "Написать",
"itemFound": "✓ Вещь найдена",
"itemFound": "✓ Вернулось к владельцу",
"showOnMap": "Показать на карте — {{address}}",
"contactError": "Не удалось открыть чат. Попробуйте ещё раз",
"reward": "Вознаграждение",

View File

@@ -184,17 +184,19 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
onClick={handleContact}>
{t('postCard.write')}
</button>
{onMarkFound && isOwner && !isClosed && (
<button type="button" className="f-card-found-btn"
onClick={e => {
e.stopPropagation();
onMarkFound(ad.id);
}}>
{t('postCard.itemFound')}
</button>
)}
</div>
</div>
{onMarkFound && isOwner && !isClosed && (
<div className="f-card-found-wrap">
<button type="button" className="f-card-found-btn"
onClick={e => {
e.stopPropagation();
onMarkFound(ad.id);
}}>
{t('postCard.itemFound')}
</button>
</div>
)}
{contactError && (
<Toast

View File

@@ -270,12 +270,16 @@
}
/* Mark as Found button */
.f-card-found-wrap {
display: flex; justify-content: center;
padding: 0 16px 12px; margin-top: 2px;
}
.f-card-found-btn {
display: flex; align-items: center; gap: 5px;
background: rgba(48,168,94,.1); border: 1px solid rgba(48,168,94,.3);
border-radius: 999px; padding: 5px 11px;
border-radius: 999px; padding: 8px 18px;
cursor: pointer; transition: all .2s;
font-family: var(--font); font-size: .75rem; font-weight: 700;
font-family: var(--font); font-size: .875rem; font-weight: 700;
color: #30a85e;
}
.f-card-found-btn:hover {

View File

@@ -21,7 +21,7 @@
/* ── Topbar (mobile only; desktop uses the nav sidebar) ── */
.f-topbar {
display: flex; align-items: center; gap: 8px;
padding: 8px 16px;
padding: 2px 16px;
border-bottom: 1px solid var(--border);
background: var(--bg-surface);
z-index: 10;
@@ -138,7 +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-logo { height: auto; display: block; min-width: 0; max-width: 100%; flex-shrink: 1; margin-top: 8px; }
.f-topbar-chevron {
width: 18px; height: 18px; flex-shrink: 0;