fixed logo and word itemFound
This commit is contained in:
@@ -10,7 +10,7 @@ export default function NahodkaLogo({
|
|||||||
className={className}
|
className={className}
|
||||||
width={width}
|
width={width}
|
||||||
height={height}
|
height={height}
|
||||||
viewBox="-40 100 760 200"
|
viewBox="-40 115 760 205"
|
||||||
fill="none"
|
fill="none"
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
>
|
>
|
||||||
@@ -154,7 +154,9 @@ export default function NahodkaLogo({
|
|||||||
cx="0"
|
cx="0"
|
||||||
cy="0"
|
cy="0"
|
||||||
r="70"
|
r="70"
|
||||||
fill="url(#magnifier)"
|
fill="none"
|
||||||
|
stroke="url(#magnifier)"
|
||||||
|
strokeWidth="12"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Внутренняя рамка */}
|
{/* Внутренняя рамка */}
|
||||||
@@ -163,7 +165,7 @@ export default function NahodkaLogo({
|
|||||||
cx="0"
|
cx="0"
|
||||||
cy="0"
|
cy="0"
|
||||||
r="58"
|
r="58"
|
||||||
fill="#F7EEDF"
|
fill="none"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Стекло */}
|
{/* Стекло */}
|
||||||
@@ -172,7 +174,7 @@ export default function NahodkaLogo({
|
|||||||
cx="0"
|
cx="0"
|
||||||
cy="0"
|
cy="0"
|
||||||
r="53"
|
r="53"
|
||||||
fill="url(#glass)"
|
fill="none"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Блик */}
|
{/* Блик */}
|
||||||
@@ -204,6 +206,8 @@ export default function NahodkaLogo({
|
|||||||
Z
|
Z
|
||||||
"
|
"
|
||||||
fill="#E8D3B0"
|
fill="#E8D3B0"
|
||||||
|
stroke="#D97956"
|
||||||
|
strokeWidth="4"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<ellipse
|
<ellipse
|
||||||
@@ -212,6 +216,8 @@ export default function NahodkaLogo({
|
|||||||
rx="7"
|
rx="7"
|
||||||
ry="10"
|
ry="10"
|
||||||
fill="#E8D3B0"
|
fill="#E8D3B0"
|
||||||
|
stroke="#D97956"
|
||||||
|
strokeWidth="4"
|
||||||
transform="rotate(-25 -22 -20)"
|
transform="rotate(-25 -22 -20)"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
@@ -221,6 +227,8 @@ export default function NahodkaLogo({
|
|||||||
rx="7"
|
rx="7"
|
||||||
ry="11"
|
ry="11"
|
||||||
fill="#E8D3B0"
|
fill="#E8D3B0"
|
||||||
|
stroke="#D97956"
|
||||||
|
strokeWidth="4"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<ellipse
|
<ellipse
|
||||||
@@ -229,6 +237,8 @@ export default function NahodkaLogo({
|
|||||||
rx="7"
|
rx="7"
|
||||||
ry="11"
|
ry="11"
|
||||||
fill="#E8D3B0"
|
fill="#E8D3B0"
|
||||||
|
stroke="#D97956"
|
||||||
|
strokeWidth="4"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<ellipse
|
<ellipse
|
||||||
@@ -237,6 +247,8 @@ export default function NahodkaLogo({
|
|||||||
rx="7"
|
rx="7"
|
||||||
ry="10"
|
ry="10"
|
||||||
fill="#E8D3B0"
|
fill="#E8D3B0"
|
||||||
|
stroke="#D97956"
|
||||||
|
strokeWidth="4"
|
||||||
transform="rotate(25 23 -20)"
|
transform="rotate(25 23 -20)"
|
||||||
/>
|
/>
|
||||||
</g>
|
</g>
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ export default function FeedTopBar({ onMenuClick, typeFilter, onTypeFilterChange
|
|||||||
className="f-topbar-dropdown-btn"
|
className="f-topbar-dropdown-btn"
|
||||||
onClick={() => setOpen((v) => !v)}
|
onClick={() => setOpen((v) => !v)}
|
||||||
>
|
>
|
||||||
<NahodkaLogo className="f-topbar-logo" width={100} height={40} />
|
<NahodkaLogo className="f-topbar-logo" width={130} height={52} />
|
||||||
<svg
|
<svg
|
||||||
className={`f-topbar-chevron${open ? " open" : ""}`}
|
className={`f-topbar-chevron${open ? " open" : ""}`}
|
||||||
viewBox="0 0 24 24"
|
viewBox="0 0 24 24"
|
||||||
|
|||||||
@@ -155,7 +155,7 @@
|
|||||||
"found": "Found",
|
"found": "Found",
|
||||||
"foundStatus": "✓ Found",
|
"foundStatus": "✓ Found",
|
||||||
"write": "Write",
|
"write": "Write",
|
||||||
"itemFound": "✓ Item found",
|
"itemFound": "✓ Returned to owner",
|
||||||
"showOnMap": "Show on map — {{address}}",
|
"showOnMap": "Show on map — {{address}}",
|
||||||
"contactError": "Unable to open the chat. Please try again",
|
"contactError": "Unable to open the chat. Please try again",
|
||||||
"reward": "Reward",
|
"reward": "Reward",
|
||||||
|
|||||||
@@ -156,7 +156,7 @@
|
|||||||
"found": "Находка",
|
"found": "Находка",
|
||||||
"foundStatus": "✓ Найдено",
|
"foundStatus": "✓ Найдено",
|
||||||
"write": "Написать",
|
"write": "Написать",
|
||||||
"itemFound": "✓ Вещь найдена",
|
"itemFound": "✓ Вернулось к владельцу",
|
||||||
"showOnMap": "Показать на карте — {{address}}",
|
"showOnMap": "Показать на карте — {{address}}",
|
||||||
"contactError": "Не удалось открыть чат. Попробуйте ещё раз",
|
"contactError": "Не удалось открыть чат. Попробуйте ещё раз",
|
||||||
"reward": "Вознаграждение",
|
"reward": "Вознаграждение",
|
||||||
|
|||||||
@@ -184,17 +184,19 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
|
|||||||
onClick={handleContact}>
|
onClick={handleContact}>
|
||||||
{t('postCard.write')}
|
{t('postCard.write')}
|
||||||
</button>
|
</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>
|
||||||
</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 && (
|
{contactError && (
|
||||||
<Toast
|
<Toast
|
||||||
|
|||||||
@@ -270,12 +270,16 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Mark as Found button */
|
/* Mark as Found button */
|
||||||
|
.f-card-found-wrap {
|
||||||
|
display: flex; justify-content: center;
|
||||||
|
padding: 0 16px 12px; margin-top: 2px;
|
||||||
|
}
|
||||||
.f-card-found-btn {
|
.f-card-found-btn {
|
||||||
display: flex; align-items: center; gap: 5px;
|
display: flex; align-items: center; gap: 5px;
|
||||||
background: rgba(48,168,94,.1); border: 1px solid rgba(48,168,94,.3);
|
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;
|
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;
|
color: #30a85e;
|
||||||
}
|
}
|
||||||
.f-card-found-btn:hover {
|
.f-card-found-btn:hover {
|
||||||
|
|||||||
@@ -21,7 +21,7 @@
|
|||||||
/* ── Topbar (mobile only; desktop uses the nav sidebar) ── */
|
/* ── Topbar (mobile only; desktop uses the nav sidebar) ── */
|
||||||
.f-topbar {
|
.f-topbar {
|
||||||
display: flex; align-items: center; gap: 8px;
|
display: flex; align-items: center; gap: 8px;
|
||||||
padding: 8px 16px;
|
padding: 2px 16px;
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
background: var(--bg-surface);
|
background: var(--bg-surface);
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
@@ -138,7 +138,7 @@
|
|||||||
transition: background .15s;
|
transition: background .15s;
|
||||||
}
|
}
|
||||||
.f-topbar-dropdown-btn:hover { background: var(--hover-bg); }
|
.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 {
|
.f-topbar-chevron {
|
||||||
width: 18px; height: 18px; flex-shrink: 0;
|
width: 18px; height: 18px; flex-shrink: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user