Fix EventCard being off centre with no poster and link #188

Closed
j285he wants to merge 1 commits from fix/event-card-off-centre-154 into main
3 changed files with 33 additions and 14 deletions

View File

@ -28,20 +28,22 @@ export function EventCard({
}: EventCardProps) {
return (
<article className={styles.card}>
<aside>
{poster && <Image alt={name} src={poster} />}
{!poster && <div className={styles.spacer}></div>}
{registerLink && (
<Button
isLink={true}
href={registerLink}
size="small"
className={styles.registerButton}
>
Register
</Button>
)}
</aside>
{(poster || registerLink) && (
<aside>
{poster && <Image alt={name} src={poster} />}
{!poster && <div className={styles.spacer}></div>}
{registerLink && (
<Button
isLink={true}
href={registerLink}
size="small"
className={styles.registerButton}
>
Register
</Button>
)}
</aside>
)}
<section className={styles.content}>
<h1>{name}</h1>
<h2>

View File

@ -3,6 +3,9 @@ import React, { useState } from "react";
import AfterHoursContent, {
metadata as afterHoursMetadata,
} from "../content/playground/after-hours.event.mdx";
import AltTab2, {
metadata as altTab2EventMetadata,
} from "../content/playground/alt-tab-2.event.mdx";
import AltTab, {
metadata as altTabEventMetadata,
} from "../content/playground/alt-tab.event.mdx";
@ -59,6 +62,7 @@ import styles from "./playground.module.css";
const events = [
{ Content: OOTBReact, metadata: OOTBReactEventMetadata },
{ Content: AfterHoursContent, metadata: afterHoursMetadata },
{ Content: AltTab2, metadata: altTab2EventMetadata },
{ Content: AltTab, metadata: altTabEventMetadata },
];

View File

@ -0,0 +1,13 @@
export const metadata = {
name: "Alt-Tab 2",
short: "CSC is proud to present to you Alt-Tab 2!",
date: new Date("March 25, 2021 19:00:00 GMT-4"),
online: true,
location: "Twitch",
};
This Alt-Tab does not have a register link or a poster. CSC is proud to present to you Alt-Tab! Join us in a lightning tech talk series presented to you by our very own students. Alt-Tab consists of 10 to 15-minute talks about anything related to tech. Learn more about exciting topics that range from competitive programming to cryptography!
We will have four incredible presenters that are eager to share their insights with you. Stay tuned as we'll be introducing them and the topics that they will be discussing soon!.
Registration is not required to attend! We'll just be sending you an email reminder, as well as inviting you to our calendar even