added border on post on feed
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user