bisco/hoopscout
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

phase4: implement player search filters, htmx results, and detail page

Browse Source
This commit is contained in:
Alfredo Di Stasio
2026-03-10 10:52:50 +01:00
parent fc7289a343
commit c83bc96b6c
12 changed files with 982 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
static/css/main.css
View File

@ -113,3 +113,95 @@ main {
padding: 0.6rem 0.8rem;
border-radius: 8px;
}
.mt-16 {
margin-top: 1rem;
}
.wrap-gap {
flex-wrap: wrap;
}
.muted-text {
color: var(--muted);
}
.search-form label {
display: block;
margin-bottom: 0.3rem;
font-weight: 600;
}
.search-form input,
.search-form select {
width: 100%;
padding: 0.5rem;
border: 1px solid var(--line);
border-radius: 8px;
}
.filter-grid {
display: grid;
gap: 0.75rem;
margin-bottom: 0.85rem;
}
.filter-grid-3 {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.filter-grid-4 {
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
}
.filter-actions {
display: flex;
align-items: end;
gap: 0.5rem;
}
details {
border-top: 1px solid var(--line);
margin-top: 0.8rem;
padding-top: 0.8rem;
}
summary {
cursor: pointer;
font-weight: 600;
margin-bottom: 0.8rem;
}
.table-wrap {
overflow-x: auto;
}
table {
width: 100%;
border-collapse: collapse;
font-size: 0.95rem;
}
th,
td {
text-align: left;
padding: 0.55rem 0.5rem;
border-bottom: 1px solid var(--line);
}
th {
font-weight: 700;
color: var(--muted);
}
.detail-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 0.8rem;
}
.detail-card {
border: 1px solid var(--line);
border-radius: 10px;
padding: 0.8rem;
}