-
- {translate("commission", locale(router), {
- capitalize: true,
- plural: true,
- })}
-
+
+
+ {translate("commission", locale(router), {
+ capitalize: true,
+ plural: true,
+ })}
+
+
+ {props.news.map((c) => (
+
+ ))}
- {props.news.map((c) => (
-
- ))}
);
}
diff --git a/app/src/pages/commissions/[slug].tsx b/app/src/pages/commissions/[slug].tsx
index caff5dd..11861eb 100644
--- a/app/src/pages/commissions/[slug].tsx
+++ b/app/src/pages/commissions/[slug].tsx
@@ -22,14 +22,16 @@ export default function Page(
return (
-
-
-
{props.commission.name}
-
{translation.small_description}
+
+
+
+
{props.commission.name}
+ {translation.small_description}
- {translation.description}
+ {translation.description}
-
+
+
diff --git a/app/src/styles/Card.module.scss b/app/src/styles/Card.module.scss
index 2ec8a07..71f281b 100644
--- a/app/src/styles/Card.module.scss
+++ b/app/src/styles/Card.module.scss
@@ -16,8 +16,8 @@
gap: 1rem;
&.large {
- width: 60ch;
- height: 20ch;
+ width: 30rem;
+ height: 10rem;
border-radius: 4rem;
.description {
diff --git a/app/src/styles/CommissionsPage.module.scss b/app/src/styles/CommissionsPage.module.scss
new file mode 100644
index 0000000..b4d87d1
--- /dev/null
+++ b/app/src/styles/CommissionsPage.module.scss
@@ -0,0 +1,27 @@
+@use "./utilities/variables";
+
+.commissionsList {
+ display: flex;
+ flex-direction: column;
+ row-gap: 1em;
+
+ align-items: center;
+
+ width: 80%;
+ padding-bottom: 2rem;
+
+ @media (max-width: 800px) {
+ width: 100%;
+ }
+
+ .list {
+ max-width: 70rem;
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr));
+
+ gap: 1rem;
+
+ align-items: center;
+ justify-items: center;
+ }
+}
diff --git a/app/src/styles/globals.scss b/app/src/styles/globals.scss
index 99bb361..67ed4cb 100644
--- a/app/src/styles/globals.scss
+++ b/app/src/styles/globals.scss
@@ -87,13 +87,10 @@ a {
margin: 2rem 0;
}
- > div {
- display: flex;
- flex-direction: column;
+ .center {
align-items: center;
width: min(70ch, 80%);
- max-width: unset;
.author {
margin: 0;