style(ui): polish event deck section title to Event Passes and button to End Event

This commit is contained in:
Tyler Gillispie 2026-08-26 19:05:14 -07:00
parent a53e69d9fb
commit debe95c89b

View File

@ -4,7 +4,7 @@ export const EventCockpitDeck = ({ eventPasses }: { eventPasses: any[] }) => {
return ( return (
<div style="margin-bottom: 2rem;"> <div style="margin-bottom: 2rem;">
<h2 style="font-size: 1.25rem; font-weight: 700; margin: 0 0 1rem 0; color: var(--text-primary); border-bottom: 1px solid var(--border-subtle); padding-bottom: 0.5rem;"> <h2 style="font-size: 1.25rem; font-weight: 700; margin: 0 0 1rem 0; color: var(--text-primary); border-bottom: 1px solid var(--border-subtle); padding-bottom: 0.5rem;">
Event Cockpit Deck (Live Workshops) Event Passes
</h2> </h2>
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem;"> <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 1rem;">
{eventPasses.map((event) => ( {eventPasses.map((event) => (
@ -154,7 +154,7 @@ export const EventCockpitDeck = ({ eventPasses }: { eventPasses: any[] }) => {
aria-label="End Event and Revoke All" aria-label="End Event and Revoke All"
style="flex: 1; justify-content: center; min-height: 38px; font-size: 0.85rem;" style="flex: 1; justify-content: center; min-height: 38px; font-size: 0.85rem;"
> >
🔴 End & Revoke All End Event
</button> </button>
</div> </div>
</div> </div>