added status found on post

This commit is contained in:
SlimusMinus
2026-06-25 00:51:16 +03:00
parent cc55de30c9
commit da09b16372
3 changed files with 71 additions and 4 deletions

View File

@@ -39,6 +39,15 @@
.f-type-loss { background: rgba(255,107,107,.2); color: #ff6b6b; border: 1px solid rgba(255,107,107,.3); }
.f-type-found { background: rgba(45,224,200,.2); color: #2de0c8; border: 1px solid rgba(45,224,200,.3); }
/* Status badge for closed/found posts */
.f-status-badge {
border-radius: 20px; padding: 3px 10px;
font-size: .72rem; font-weight: 900;
}
.f-status-closed {
background: rgba(72,187,120,.2); color: #48bb78; border: 1px solid rgba(72,187,120,.3);
}
/* Body */
.f-card-body {
flex: 1; padding: 14px 16px;
@@ -93,6 +102,23 @@
border-color: rgba(255,107,107,.5); color: #ff6b6b; background: rgba(255,107,107,.08);
}
/* Closed/Found card styling */
.f-card-closed {
opacity: 0.7;
border-color: rgba(72,187,120,.3);
}
.f-card-closed:hover {
border-color: rgba(72,187,120,.5);
transform: none;
}
.f-card-closed .f-card-img {
filter: grayscale(0.5);
}
.f-card-closed .f-card-title {
text-decoration: line-through;
opacity: 0.7;
}
/* Edit & Delete buttons */
.f-card-edit-btn,
.f-card-delete-btn {
@@ -109,6 +135,21 @@
border-color: rgba(255,107,107,.5); color: #ff6b6b; background: rgba(255,107,107,.08);
}
/* Mark as Found button */
.f-card-found-btn {
display: flex; align-items: center; gap: 5px;
background: rgba(72,187,120,.1); border: 1px solid rgba(72,187,120,.3);
border-radius: 20px; padding: 5px 11px;
cursor: pointer; transition: all .2s;
font-family: var(--font); font-size: .75rem; font-weight: 700;
color: #48bb78;
}
.f-card-found-btn:hover {
background: rgba(72,187,120,.2); border-color: rgba(72,187,120,.5);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(72,187,120,.2);
}
@media (max-width: 600px) {
/* Карточка становится вертикальной */
.f-card-inner {