refractor image to public folder
|
Before Width: | Height: | Size: 605 B After Width: | Height: | Size: 605 B |
|
Before Width: | Height: | Size: 222 B After Width: | Height: | Size: 222 B |
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 844 B After Width: | Height: | Size: 844 B |
|
Before Width: | Height: | Size: 4.0 KiB After Width: | Height: | Size: 4.0 KiB |
|
Before Width: | Height: | Size: 320 B After Width: | Height: | Size: 320 B |
|
Before Width: | Height: | Size: 545 B After Width: | Height: | Size: 545 B |
|
Before Width: | Height: | Size: 475 B After Width: | Height: | Size: 475 B |
|
Before Width: | Height: | Size: 477 B After Width: | Height: | Size: 477 B |
@@ -12,9 +12,9 @@ function Event({event}){
|
|||||||
<div className={styles.eventContent}>
|
<div className={styles.eventContent}>
|
||||||
<div className={`${styles.eventImageDiv}`}>
|
<div className={`${styles.eventImageDiv}`}>
|
||||||
{event.image == null ? (
|
{event.image == null ? (
|
||||||
<img src="/src/assets/empty.png" className={styles.eventImage} alt="Pas de photo de l'événement" />
|
<img src="empty.png" className={styles.eventImage} alt="Pas de photo de l'événement" />
|
||||||
) : (
|
) : (
|
||||||
<img src={`/src/assets/` + event.image + `.png`} alt="Photo de l'événement" />
|
<img src={event.image + `.png`} alt="Photo de l'événement" />
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
@@ -25,6 +25,7 @@
|
|||||||
|
|
||||||
.eventContent {
|
.eventContent {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.eventTitle {
|
.eventTitle {
|
||||||
|
|||||||
@@ -37,7 +37,7 @@ function Header() {
|
|||||||
<nav className={`${mobileMenu ? styles.inactiveHeaderContent : styles.activeHeaderContent}`}>
|
<nav className={`${mobileMenu ? styles.inactiveHeaderContent : styles.activeHeaderContent}`}>
|
||||||
<div className={styles.headerLeftContent}>
|
<div className={styles.headerLeftContent}>
|
||||||
<NavLink className={styles.logoLink} to="/">
|
<NavLink className={styles.logoLink} to="/">
|
||||||
<img src="/src/assets/logo.png" alt="logo" className={styles.logo} />
|
<img src="logo.png" alt="logo" className={styles.logo} />
|
||||||
</NavLink>
|
</NavLink>
|
||||||
<div className={styles.navLinks}>
|
<div className={styles.navLinks}>
|
||||||
<NavLink to="/" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
|
<NavLink to="/" className={({ isActive }) => isActive ? styles.activeLink : styles.link}>
|
||||||
|
|||||||
@@ -12,6 +12,7 @@ const dirname = typeof __dirname !== 'undefined' ? __dirname : path.dirname(file
|
|||||||
// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
|
// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [react()],
|
plugins: [react()],
|
||||||
|
base: "/",
|
||||||
test: {
|
test: {
|
||||||
projects: [{
|
projects: [{
|
||||||
extends: true,
|
extends: true,
|
||||||
|
|||||||