added border on post on feed

This commit is contained in:
SlimusMinus
2026-08-26 01:13:36 +03:00
parent f6e3ab811d
commit 0041f2cb74
5 changed files with 56 additions and 41 deletions

View File

@@ -58,7 +58,7 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
);
return (
<div className={`f-card${isClosed ? ' f-card-closed' : ''}`}>
<div className={`f-card${isClosed ? ' f-card-closed' : ''}${ad.type === "found" ? ' f-card-found' : ' f-card-loss'}`}>
<div className={`f-card-head${headAccentClass}`}>
<div className="f-card-author">
@@ -114,10 +114,24 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
<TrashIcon/>
</button>
)}
{ad.reward && (
<span className="f-card-reward-text">
{t("postCard.reward")}
</span>
{createdAt && (
<div
className="f-meta-pill f-date-pill"
ref={dateAnchorRef}
onClick={e => {
e.stopPropagation();
setShowCalendar(s => !s);
}}
>
<CalendarIcon/> {createdAt}
{showCalendar && (
<DateCalendarPopup
date={ad.createdAt}
onClose={() => setShowCalendar(false)}
anchorRef={dateAnchorRef}
/>
)}
</div>
)}
</div>
</div>
@@ -145,24 +159,10 @@ export default function PostOnFeed({ ad, liked, likeCountAdj, onLike, onEdit, on
<PinIcon/> {address}
</div>
)}
{createdAt && (
<div
className="f-meta-pill f-date-pill"
ref={dateAnchorRef}
onClick={e => {
e.stopPropagation();
setShowCalendar(s => !s);
}}
>
<CalendarIcon/> {createdAt}
{showCalendar && (
<DateCalendarPopup
date={ad.createdAt}
onClose={() => setShowCalendar(false)}
anchorRef={dateAnchorRef}
/>
)}
</div>
{ad.reward && (
<span className="f-card-reward-text">
{t("postCard.reward")}
</span>
)}
</div>