admin/nahodka-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed code

Browse Source
This commit is contained in:
SlimusMinus
2026-08-11 00:24:07 +03:00
parent c50b75eece
commit 7f59ee1f38
95 changed files with 3623 additions and 2830 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
src/styles/card.css
View File

@@ -104,15 +104,28 @@
}
/* Meta pills */
.f-card-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.f-meta-pill {
display: flex; align-items: center; gap: 4px;
background: var(--hover-bg); border: 1px solid var(--border);
border-radius: 20px; padding: 3px 9px; font-size: .73rem; color: var(--muted);
.f-card-meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 10px;
}
.f-meta-pill {
display: flex;
align-items: center;
gap: 4px;
background: var(--hover-bg);
border: 1px solid var(--border);
border-radius: 20px;
padding: 3px 9px;
font-size: .73rem;
color: var(--muted);
}
.f-date-pill {
cursor: pointer;
position: relative;
margin-left: auto;
}
.f-date-pill:hover {
background: rgba(128,128,128,.12);
@@ -286,4 +299,64 @@
background: rgba(var(--teal-rgb), .25);
color: var(--teal);
font-weight: 800;
}
.f-reward-checkbox {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
color: #d4af37;
user-select: none;
}
.f-reward-checkbox input {
display: none;
}
.f-reward-checkmark {
width: 20px;
height: 20px;
flex-shrink: 0;
border: 2px solid #d4af37;
border-radius: 5px;
transition: .2s;
position: relative;
}
.f-reward-checkbox input:checked + .f-reward-checkmark {
background: #d4af37;
box-shadow: 0 0 10px rgba(212, 175, 55, .35);
}
.f-reward-checkbox input:checked + .f-reward-checkmark::after {
content: "";
position: absolute;
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid #17130a;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.f-reward-text {
font-size: .9rem;
font-weight: 700;
}
.f-card-img {
position: relative;
}
.f-card-reward {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
font-size: .72rem;
font-weight: 800;
color: #f5d76e;
}