edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve date list style

Browse Source
This commit is contained in:
elisejakob
2024-05-13 01:31:58 +02:00
parent 87e897147d
commit c040e30add
4 changed files with 52 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
web/src/components/events/DateList.tsx
View File

@ -3,33 +3,42 @@ import styles from "./dateList.module.scss";
export const DateList = () => {
return (
<div className={styles.dateWrapper}>
<h2>Kommende datoer</h2>
<h2 className="suphead">Kommende datoer</h2>
<ul className={styles.dateList}>
<li className={styles.date}>
<div className={styles.time}>
<span>27. mai 2024</span>
<span>27/05/2024</span>&nbsp;
<span>18.00</span>
</div>
<div className={styles.venue}>
<span>Lokale</span>
<span>Storsalen</span>
</div>
</li>
<li className={styles.date}>
<div className={styles.time}>
<span>27. mai 2024</span>
<span>18.00</span>
</div>
<div className={styles.venue}>
<span>Lokale</span>
<span>Mandag 27. mai 2024</span>&nbsp;
<span>kl. 18.00</span>
<div className={styles.venue}>
<span>i Storsalen</span>
</div>
</div>
</li>
<li className={styles.date}>
<div className={styles.time}>
<span>27. mai 2024</span>
<span>18.00</span>
<span>27. mai 2024</span>&nbsp;
<span>kl. 18.00</span>
</div>
<div className={styles.venue}>
<span>Lokale</span>
<span>Storsalen</span>
</div>
</li>
<li className={styles.date}>
<div className={styles.venue}>
<span>Storsalen</span>
</div>
<div className={styles.time}>
<span>27.05.2024</span>&nbsp;
<span>18.00</span>
</div>
</li>
</ul>