diff --git a/src/components/li.module.scss b/src/components/li.module.scss index 9baf6514..d0f94a35 100644 --- a/src/components/li.module.scss +++ b/src/components/li.module.scss @@ -1,6 +1,6 @@ .root > :global(:first-child:last-child) { margin: 0; } -li { +.root li { margin-left: 50px; } diff --git a/src/pages/membres.module.scss b/src/pages/membres.module.scss new file mode 100644 index 00000000..d692915b --- /dev/null +++ b/src/pages/membres.module.scss @@ -0,0 +1,8 @@ +.root img { + float: left; + height: 6rem; + width: 6rem; + margin: 0 2rem 1.5rem 0; + border-radius: 50px; + box-shadow: 5px 5px 2px 1px #c1a008; +} diff --git a/src/pages/membres.tsx b/src/pages/membres.tsx index 072fa6eb..9c8e4927 100644 --- a/src/pages/membres.tsx +++ b/src/pages/membres.tsx @@ -7,6 +7,7 @@ import Strong from '../components/strong'; import Anchor from '../components/a'; import { Octokit } from '@octokit/rest'; import Article from '../components/article'; +import styles from './membres.module.scss'; import type { GetStaticProps } from 'next'; export type Members = Awaited< @@ -32,7 +33,7 @@ const Page = ({ entries }: Props) => { Découvrez la liste des membres de ChtiJS. -
+
{entries.map((entry) => (
{`Avatar @@ -70,16 +71,6 @@ const Page = ({ entries }: Props) => { ))}
- ); };