froxxxy/bscscore
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: consolidate game components and add toast notifications

Browse Source 
- Remove EndlosGame support and GameDetail141.jsx component
- Add Toast notification system with CSS styling
- Refactor GameCompletionModal with enhanced styling
- Improve GameDetail component structure and styling
- Add BaseLayout.astro for consistent page structure
- Update gameService with cleaner logic
- Enhance global styles and remove unused constants
- Streamline navigation components
This commit is contained in:
Frank Schwenk
2025-10-28 16:30:39 +01:00
parent d1e1616faa
commit 8bbe3b9b70
15 changed files with 532 additions and 433 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/layouts/BaseLayout.astro Normal file
View File

@@ -0,0 +1,70 @@
---
---
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="interactive-widget=resizes-content">
<title>BSC Score</title>
<style>
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.layout-header {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 10vh;
background: #222;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.layout-footer {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 10vh;
background: #222;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
}
.layout-main {
min-height: 80vh;
margin-top: 10vh;
margin-bottom: 10vh;
width: 100vw;
box-sizing: border-box;
}
</style>
</head>
<body>
<header class="layout-header">
<!-- BUTTONS PLACEHOLDER -->
<div style="width:100%; display:flex; justify-content:center; gap:1rem;">
<button disabled>Button 1</button>
<button disabled>Button 2</button>
<button disabled>Button 3</button>
</div>
</header>
<main class="layout-main">
<slot />
</main>
<footer class="layout-footer">
<!-- INFO PLACEHOLDER -->
<div style="width:100%; text-align:center;">
<span>Informational text goes here. &copy; {new Date().getFullYear()} BSC Score</span>
</div>
</footer>
</body>
</html>