diff --git a/web/src/components/events/EventHeader.tsx b/web/src/components/events/EventHeader.tsx index bf3faff..b091181 100644 --- a/web/src/components/events/EventHeader.tsx +++ b/web/src/components/events/EventHeader.tsx @@ -27,7 +27,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => { /> )}
- +
diff --git a/web/src/components/events/eventHeader.module.scss b/web/src/components/events/eventHeader.module.scss index a709789..fa8e5a9 100644 --- a/web/src/components/events/eventHeader.module.scss +++ b/web/src/components/events/eventHeader.module.scss @@ -26,7 +26,12 @@ .pig { position: absolute; - bottom: -30%; + bottom: 0; right: -2.5rem; + transform: translateY(50%); color: var(--color-white); + + >div { + width: 30vw; + } } \ No newline at end of file diff --git a/web/src/components/general/Pig.tsx b/web/src/components/general/Pig.tsx index f8b9230..12543ad 100644 --- a/web/src/components/general/Pig.tsx +++ b/web/src/components/general/Pig.tsx @@ -1,5 +1,15 @@ import styles from "./pig.module.scss"; +import { ChillPig } from "./pigs/ChillPig"; +import { DancePig } from "./pigs/DancePig"; +import { DrinkPig } from "./pigs/DrinkPig"; +import { GuardPig } from "./pigs/GuardPig"; +import { KeyPig } from "./pigs/KeyPig"; +import { ListenPig } from "./pigs/ListenPig"; import { LogoPig } from "./pigs/LogoPig"; +import { MusicPig } from "./pigs/MusicPig"; +import { PeekPig } from "./pigs/PeekPig"; +import { PointPig } from "./pigs/PointPig"; +import { StudentPig } from "./pigs/StudentPig"; export const Pig = ({ type, @@ -7,13 +17,29 @@ export const Pig = ({ type: | "logo" | "music" + | "drink" + | "dance" | "point" | "student" - | "dance" | "listen" - | "drink" | "guard" + | "key" + | "chill" | "peek"; }) => { - return
{type === "logo" && }
; + return ( +
+ {type === "logo" && } + {type === "music" && } + {type === "drink" && } + {type === "dance" && } + {type === "point" && } + {type === "student" && } + {type === "listen" && } + {type === "guard" && } + {type === "key" && } + {type === "chill" && } + {type === "peek" && } +
+ ); }; diff --git a/web/src/components/general/pigs/ChillPig.tsx b/web/src/components/general/pigs/ChillPig.tsx new file mode 100644 index 0000000..1bd1ea2 --- /dev/null +++ b/web/src/components/general/pigs/ChillPig.tsx @@ -0,0 +1,62 @@ +export const ChillPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/DancePig.tsx b/web/src/components/general/pigs/DancePig.tsx new file mode 100644 index 0000000..6263f80 --- /dev/null +++ b/web/src/components/general/pigs/DancePig.tsx @@ -0,0 +1,46 @@ +export const DancePig = () => { + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/DrinkPig.tsx b/web/src/components/general/pigs/DrinkPig.tsx new file mode 100644 index 0000000..382e49b --- /dev/null +++ b/web/src/components/general/pigs/DrinkPig.tsx @@ -0,0 +1,50 @@ +export const DrinkPig = () => { + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/GuardPig.tsx b/web/src/components/general/pigs/GuardPig.tsx new file mode 100644 index 0000000..3fe4df3 --- /dev/null +++ b/web/src/components/general/pigs/GuardPig.tsx @@ -0,0 +1,82 @@ +export const GuardPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/KeyPig.tsx b/web/src/components/general/pigs/KeyPig.tsx new file mode 100644 index 0000000..6cb96aa --- /dev/null +++ b/web/src/components/general/pigs/KeyPig.tsx @@ -0,0 +1,50 @@ +export const KeyPig = () => { + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/ListenPig.tsx b/web/src/components/general/pigs/ListenPig.tsx new file mode 100644 index 0000000..0d7354b --- /dev/null +++ b/web/src/components/general/pigs/ListenPig.tsx @@ -0,0 +1,50 @@ +export const ListenPig = () => { + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/MusicPig.tsx b/web/src/components/general/pigs/MusicPig.tsx new file mode 100644 index 0000000..641acc2 --- /dev/null +++ b/web/src/components/general/pigs/MusicPig.tsx @@ -0,0 +1,62 @@ +export const MusicPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/PeekPig.tsx b/web/src/components/general/pigs/PeekPig.tsx new file mode 100644 index 0000000..363d5b6 --- /dev/null +++ b/web/src/components/general/pigs/PeekPig.tsx @@ -0,0 +1,42 @@ +export const PeekPig = () => { + return ( + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/PointPig.tsx b/web/src/components/general/pigs/PointPig.tsx new file mode 100644 index 0000000..65f694a --- /dev/null +++ b/web/src/components/general/pigs/PointPig.tsx @@ -0,0 +1,62 @@ +export const PointPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/StudentPig.tsx b/web/src/components/general/pigs/StudentPig.tsx new file mode 100644 index 0000000..4d47185 --- /dev/null +++ b/web/src/components/general/pigs/StudentPig.tsx @@ -0,0 +1,54 @@ +export const StudentPig = () => { + return ( + + + + + + + + + + + + + + + + + + + ); +};