diff --git a/components/EventCard.module.css b/components/EventCard.module.css
index f2efd058..269f51b0 100644
--- a/components/EventCard.module.css
+++ b/components/EventCard.module.css
@@ -1,7 +1,6 @@
.card {
display: flex;
flex-direction: row;
- max-width: calc(1000rem / 16);
box-sizing: border-box;
padding: calc(24rem / 16);
}
@@ -35,7 +34,6 @@
.content,
.content > h2 {
- color: var(--purple-2);
font-weight: 400;
font-style: normal;
margin-top: 0;
@@ -43,6 +41,7 @@
}
.content > h2 {
+ color: var(--purple-2);
font-size: 1rem;
margin-bottom: calc(14rem / 16);
}
diff --git a/components/EventDescriptionCard.module.css b/components/EventDescriptionCard.module.css
index 323fbfec..011ecd2a 100644
--- a/components/EventDescriptionCard.module.css
+++ b/components/EventDescriptionCard.module.css
@@ -20,16 +20,12 @@
}
.name {
- color: var(--purple-2);
- font-weight: bolder;
font-size: calc(18rem / 16);
- line-height: calc(27 / 18);
margin: 0;
}
.desc {
- color: var(--purple-2);
- margin-top: calc(12rem / 16);
+ margin: 1rem 0;
}
.logo {
@@ -40,8 +36,8 @@
.setting {
margin: 0;
color: var(--blue-2);
- font-weight: bolder;
font-size: calc(14rem / 16);
+ font-weight: 600;
}
.details > footer {
@@ -64,8 +60,7 @@
.name,
.setting {
- font-size: calc(14rem / 16);
- line-height: calc(21 / 14);
+ font-size: 1rem;
}
.poster {
@@ -77,8 +72,7 @@
}
.desc {
- font-size: calc(12rem / 16);
- line-height: calc(18 / 12);
+ margin: 0;
}
.logo,
diff --git a/components/EventDescriptionCard.tsx b/components/EventDescriptionCard.tsx
index 69e22887..11c73d97 100644
--- a/components/EventDescriptionCard.tsx
+++ b/components/EventDescriptionCard.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React from "react";
import { Button } from "./Button";
import { Image } from "./Image";
import { EventSetting } from "./EventSetting";
@@ -7,12 +7,12 @@ import { Discord, Twitch, Instagram, Facebook } from "./SocialLinks";
interface Props {
name: string;
+ short: string;
online: boolean;
location: string;
date: Date;
poster?: string;
registerLink?: string;
- children: ReactNode;
}
/**
@@ -29,10 +29,10 @@ export function EventDescriptionCard({
location,
poster,
name,
+ short,
date,
online,
registerLink,
- children,
}: Props) {
const Icon = getIcon(location);
@@ -45,7 +45,7 @@ export function EventDescriptionCard({
- {children}
+ {short}