mico/idle_moloch
1
1
Fork 2
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Adds metrics button to the screen
Some checks failed
CI / Foundry project (push) Has been cancelled
Details
CI / Foundry project (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
mic0 2024-11-06 23:18:35 +01:00
parent edbee4eb0c
commit e7aa29fab7
Signed by: mico
GPG Key ID: A3F8023524CF1C8D
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/Scene.tsx
View File

@ -8,6 +8,7 @@ import Leaderboard from "./Leaderboard";
import { usePlayer } from "../providers/PlayerProvider"; import { usePlayer } from "../providers/PlayerProvider";
import Boss from "./Boss"; import Boss from "./Boss";
import BossInfo from "./BossInfo"; import BossInfo from "./BossInfo";
import Link from "next/link";
const bossToMountainsClass = { const bossToMountainsClass = {
0: styles.mountains0, 0: styles.mountains0,
@ -53,6 +54,7 @@ const Scene = () => {
> >
🏆 <span className={styles.hideMobile}>Top players</span> 🏆 <span className={styles.hideMobile}>Top players</span>
</button> </button>
<Link href="/metrics" className={styles.metricsButton}>📈 <span className={styles.hideMobile}>Game metrics</span></Link>
{isLeaderboardOpen && ( {isLeaderboardOpen && (
<div className={styles.leaderboardOverlay}> <div className={styles.leaderboardOverlay}>
<div className={styles.leaderboardContent}> <div className={styles.leaderboardContent}>

9
app/src/styles/Background.module.css
View File

@ -402,7 +402,8 @@
} }
} }
.leaderboardButton { .leaderboardButton,
.metricsButton {
position: absolute; position: absolute;
top: 30px; top: 30px;
left: 80px; left: 80px;
@ -425,6 +426,12 @@
} }
} }
} }
.metricsButton {
left: auto;
top: auto;
right: 32px;
bottom: 32px;
}
.leaderboardButton:hover { .leaderboardButton:hover {
transform: scale(1.1); transform: scale(1.1);