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

@@ -7,28 +7,28 @@
cursor: pointer;
}
.f-card:hover { border-color: var(--muted2); }
.f-card-loss {
border-color: transparent;
box-shadow: 0 0 0 2px rgba(237,73,86,.7);
}
.f-card-found {
border-color: transparent;
box-shadow: 0 0 0 2px rgba(48,168,94,.7);
}
/* ── Post header ── */
.f-card-head {
display: flex; align-items: center; gap: 12px;
padding: 12px 14px 12px 17px;
position: relative;
}
/* Тонкая цветовая идентификация шапки: потеря / находка */
.f-card-head::before {
content: "";
position: absolute; left: 0; top: 0; bottom: 0;
width: 3px;
}
.f-head-loss {
background: rgba(237,73,86,.05);
}
.f-head-loss::before { background: rgba(237,73,86,.45); }
.f-head-loss,
.f-head-found {
background: rgba(48,168,94,.07);
color: var(--text-primary);
}
.f-head-found::before { background: rgba(48,168,94,.5); }
.f-head-loss .f-card-author-name { color: var(--text-primary); }
.f-head-loss .f-type-badge { background: rgba(237,73,86,.1); color: #ed4956; border-color: rgba(237,73,86,.4); }
.f-head-found .f-card-author-name { color: var(--text-primary); }
.f-head-found .f-type-badge { background: rgba(48,168,94,.1); color: #30a85e; border-color: rgba(48,168,94,.4); }
.f-card-avatar-ring {
width: 42px; height: 42px; border-radius: 50%;
@@ -63,11 +63,13 @@
background: var(--bg-card-img);
display: flex; align-items: center; justify-content: center;
overflow: hidden;
border: none; outline: none;
}
.f-card-img img {
width: 100%; height: 100%;
object-fit: cover; object-position: center;
display: block;
border: none; outline: none;
}
.f-card-emoji { font-size: 4rem; opacity: .85; filter: drop-shadow(0 4px 12px rgba(0,0,0,.3)); }
.f-card-reward {
@@ -150,7 +152,8 @@
display: flex; flex-wrap: wrap; align-items: center;
gap: 6px; padding: 8px 16px 4px;
}
.f-card-meta .f-date-pill {
.f-card-meta .f-date-pill,
.f-card-meta .f-card-reward-text {
margin-left: auto;
}
.f-meta-pill {