Docker/NovaSonic
0
0 Fork 0
Code Issues 15 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

feat: artist concerts via Bandsintown — button + modal with ticket links

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-06-08 01:09:52 +02:00
1 parent 6bbebcc602
commit 914297651e
6 files changed
+86 -3
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

styles.css
+18
View File
@@ -841,6 +841,24 @@ button:focus{outline:none}
.artist-hero-name{font-size:44px;letter-spacing:-2px}
}
/* ── EVENTS MODAL ── */
.events-modal{padding:0;overflow:hidden;width:min(520px,calc(100vw - 32px))}
.events-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}
.events-modal-title{font-size:16px;font-weight:700}
.events-modal-close{background:none;border:none;color:var(--text2);font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}
.events-modal-close:hover{color:var(--text)}
.events-modal-list{overflow-y:auto;max-height:60vh;padding:8px 0}
.event-row{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border)}
.event-row:last-child{border-bottom:none}
.event-date{font-size:13px;font-weight:700;color:var(--text);min-width:110px;flex-shrink:0;line-height:1.4}
.event-time{display:block;font-size:11px;font-weight:400;color:var(--text2);margin-top:2px}
.event-venue{flex:1;min-width:0}
.event-venue-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-venue-city{font-size:11px;color:var(--text2);margin-top:2px}
.event-book-btn{flex-shrink:0;padding:7px 14px;border-radius:20px;background:var(--accent);color:#fff;font-family:var(--font);font-size:12px;font-weight:700;text-decoration:none;transition:opacity .15s}
.event-book-btn:hover{opacity:.85}
.event-book-btn.sold-out{background:var(--surface2);color:var(--text3)}
/* ── MISC ── */
.spinner{width:28px;height:28px;border:3px solid var(--surface2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:50px auto;display:block}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px;color:var(--text3);text-align:center}