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