final tweaks

ausspeedruns · May 5, 2024 · 6059ead · 6059ead
1 parent c30a31e
commit 6059ead
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 6 deletions.
diff --git a/apps/nextjs/pages/[event]/schedule.tsx b/apps/nextjs/pages/[event]/schedule.tsx
@@ -717,8 +717,28 @@ const RunItem: React.FC<RunItemProps> = (props: RunItemProps) => {
 	}
 
 	let categoryExtras = <></>;
-	if (run.race) categoryExtras = <span className={styles.categoryExtras}>RACE</span>;
-	if (run.coop) categoryExtras = <span className={styles.categoryExtras}>CO-OP</span>;
+	if (run.race)
+		categoryExtras = (
+			<span
+				className={styles.categoryExtras}
+				style={{
+					background: props.block && props.block.colour,
+					border: props.block && "3px solid #fff",
+				}}>
+				RACE
+			</span>
+		);
+	if (run.coop)
+		categoryExtras = (
+			<span
+				className={styles.categoryExtras}
+				style={{
+					background: props.block && props.block.colour,
+					border: props.block && "3px solid #fff",
+				}}>
+				CO-OP
+			</span>
+		);
 
 	const runClassNames = [styles.run];
 	if (props.isLive) runClassNames.push(styles.liveRun);
@@ -831,7 +851,7 @@ export const getServerSideProps: GetServerSideProps = async (ctx) => {
 			url:
 				process.env.NODE_ENV === "production"
 					? "https://keystone.ausspeedruns.com/api/graphql"
-					: "http://localhost:8000/api/graphql",
+					: "https://keystone.ausspeedruns.com/api/graphql",
 			exchanges: [cacheExchange, ssrCache, fetchExchange],
 		},
 		false,

diff --git a/apps/nextjs/styles/Schedule.event.module.scss b/apps/nextjs/styles/Schedule.event.module.scss
@@ -191,7 +191,7 @@ $normalWidth: 800px;
 	}
 
 	.run {
-		padding: 8px;
+		padding: 16px;
 		margin-top: 4px;
 		display: flex;
 		flex-direction: column;
@@ -203,6 +203,7 @@ $normalWidth: 800px;
 
 		@include breakpoint($sm-zero-only) {
 			border-radius: 16px;
+			padding: 8px;
 		}
 
 
@@ -230,7 +231,7 @@ $normalWidth: 800px;
 			font-family: Russo One;
 			font-size: 170%;
 			margin-bottom: -0.25rem;
-			max-width: 70%;
+			max-width: 65%;
 
 			@include breakpoint($sm-zero-only) {
 				max-width: 100%;
@@ -324,7 +325,7 @@ $normalWidth: 800px;
 		}
 
 		.donationIncentives {
-			margin-top: 0.5rem;
+			margin-top: 1rem;
 			display: flex;
 			flex-direction: column;
 			align-items: center;