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

06/15 Phase 3 codes

Browse Source
This commit is contained in:
nngo
2026-06-15 14:19:14 -04:00
parent c2064b84b4
commit 60526262f0
20 changed files with 802 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/style.css
+29
View File
@@ -99,3 +99,32 @@ table.list td{padding:8px 10px;border-bottom:1px solid var(--line)}
.thumb-wrap img{width:90px;height:90px;object-fit:cover;border-radius:8px}
.thumb-wrap form{position:absolute;top:2px;right:2px;margin:0}
@media(max-width:760px){.browse,.detail{grid-template-columns:1fr}}
/* --- Phase 3: messaging + favorites --- */
.msg-link{position:relative}
.badge-count{display:inline-flex;align-items:center;justify-content:center;
background:var(--danger);color:#fff;border-radius:10px;font-size:11px;
min-width:18px;height:18px;padding:0 5px;font-weight:700;vertical-align:middle}
.badge-count.sm{min-width:16px;height:16px;font-size:10px}
.inbox-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.inbox-head h2{margin:0}
.conv-list{list-style:none;padding:0;margin:0}
.conv-row{border-bottom:1px solid var(--line);padding:12px 0}
.conv-row a{display:block;text-decoration:none;color:var(--fg)}
.conv-row a:hover{background:var(--bg);border-radius:8px;padding:4px;margin:-4px}
.conv-row.unread .conv-who{font-weight:700}
.conv-meta{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.conv-who{flex:1}
.conv-time{margin-left:auto}
.conv-listing,.conv-preview{margin-top:2px}
.conv-wrap{display:flex;flex-direction:column;gap:16px;max-width:680px;margin:0 auto}
.conv-header h3{margin:8px 0 4px}
.thread{display:flex;flex-direction:column;gap:12px}
.bubble{max-width:80%;padding:12px 14px;border-radius:16px;line-height:1.5}
.bubble.mine{align-self:flex-end;background:var(--brand);color:#fff;border-bottom-right-radius:4px}
.bubble.theirs{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-bottom-left-radius:4px}
.bubble-meta{margin-top:6px;font-size:11px;opacity:.7}
.bubble.mine .bubble-meta{text-align:right}
.reply-box{padding:16px}
.mask-notice{background:#fdf4e3;border:1px solid #f0dcae;border-radius:8px;
padding:8px 12px;margin-top:8px}