nngo/classifieds
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

06/18 Phase 7

Browse Source
This commit is contained in:
nngo
2026-06-18 09:29:33 -04:00
parent d1383a9835
commit d54e5e2127
16 changed files with 563 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+38
View File
@@ -201,3 +201,41 @@ table.list td{padding:8px 10px;border-bottom:1px solid var(--line)}
.report-form{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.settings-panel{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.settings-panel textarea.input{min-height:80px;font-family:inherit}
/* --- Phase 7: UX, SEO, responsive --- */
/* Hamburger toggle — hidden on desktop */
.nav-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;
color:var(--fg);padding:4px 8px;line-height:1}
/* Responsive nav breakpoint */
@media(max-width:720px){
.site-header .wrap{flex-wrap:wrap;height:auto;padding:10px 16px;gap:8px}
.nav-toggle{display:block}
.nav{display:none;flex-direction:column;align-items:flex-start;width:100%;
gap:0;padding-bottom:8px}
.nav.open{display:flex}
.nav a,.nav .btn,.nav .hi{padding:8px 0;width:100%;border-bottom:1px solid var(--line)}
.nav .langs{flex-direction:row;margin-left:0;padding:8px 0;border-bottom:none}
}
/* Listing grid for landing pages */
.listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:16px}
.listing-card{display:flex;flex-direction:column;background:var(--card);
border:1px solid var(--line);border-radius:10px;overflow:hidden;
text-decoration:none;color:var(--fg);transition:box-shadow .15s}
.listing-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);text-decoration:none}
.listing-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.listing-info{padding:12px}
.listing-title{font-weight:600;margin-bottom:4px;
overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* Toast auto-dismiss transition already handled via JS; style nicely */
.flash{transition:opacity .4s}
/* Reviews */
.review-stars{color:#f5a623;font-size:18px}
.review-block{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
.rating-summary{font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px}
/* Expiry warning badge on my-listings */
.badge.expiring{background:#fff3cd;color:#856404;border:1px solid #ffc107}