8000 Add basic bingo page · ddvleeuwen/intro-frontend@ea26565 · GitHub
[go: up one dir, main page]
Skip to content

Commit ea26565

Browse files
ddvleeuwenddvleeuwen
committed
Add basic bingo page
1 parent cc581f8 commit ea26565

File tree

4 files changed

+8
-15
lines changed

4 files changed

+8
-15
lines changed

‎src/components/picture/BingoThumbnail.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -11,11 +11,11 @@ const BingoThumbnail = (props: BingoThumbnailProps) => {
1111
let extraStyles;
1212

1313
if (props.item.state === 'APPROVED') {
14-
extraStyles = "filter backdrop-colorize bg-green-500 bg-opacity-75";
14+
extraStyles = "filter backdrop-colorize bg-green-500 opacity-75";
1515
} else if (props.item.state === 'DENIED') {
16-
extraStyles = "bg-red-500 bg-opacity-75";
16+
extraStyles = "bg-red-500 opacity-75";
1717
} else {
18-
extraStyles = "bg-opacity-75 filter backdrop-grayscale backdrop-brightness-50"
18+
extraStyles = "opacity-75 filter backdrop-grayscale backdrop-brightness-50"
1919
}
2020

2121
let icon;
@@ -30,14 +30,14 @@ const BingoThumbnail = (props: BingoThumbnailProps) => {
3030

3131
return (
3232
<div>
33-
<a className={"relative"} href={`#picture-${props.item.id}`}>
34-
<div className={"absolute h-full w-full text-white flex items-center justify-center " + extraStyles}>
33+
<a className="relative flex w-full aspect-square" href={`#picture-${props.item.id}`}>
34+
<div className={"absolute h-full w-full text-white flex items-center justify-center z-20 " + extraStyles}>
3535
{icon}
3636
</div>
3737
<img
3838
key={props.item.id}
3939
src={getPictureUrl(props.item.id, true)}
40-
className="w-full aspect-square bg-bg-primary outline outline-2 outline-border dark:bg-dark-bg-primary dark:outline-dark-border"
40+
className="w-full bg-bg-primary outline outline-2 outline-border dark:bg-dark-bg-primary dark:outline-dark-border"
4141
alt="Image showing one of the secret locations"
4242
/>
4343
</a>

‎src/pages/team/BingoPage.tsx

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,6 @@ const BingoPage = () => {
3535

3636
const totalPoints = pictures.length * 20;
3737

38-
39-
// grid of pictures, 5x5
40-
// height of grid should be the same as the width
41-
// width should be 100% of the parent
42-
// grid should have a gap of 0
43-
// every image should be square and cover the whole space
44-
// the url of the picture uses getPictureUrl(picture.id)
4538
return (
4639
<div>
4740
<div className="w-full mb-8 flex flex-col gap-2">

‎vercel.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"rewrites": [{
33
"source": "/api/:path",
4-
"destination": "https://localhost:8080/:path"
4+
"destination": "https://intro.svindicium.nl/api/:path"
55
},{
66
"source": "/(.*)",
77
"destination": "/index.html"

‎vite.config.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export default defineConfig({
1818
},
1919
server: {
2020
proxy: {
21-
'/api': 'http://localhost:3080'
21+
'/api': 'https://intro.svindicium.nl'
2222
}
2323
}
2424
})

0 commit comments

Comments
 (0)
0