Fix button types and apply biome formatting
This commit is contained in:
parent
933b6fc452
commit
e0f4916bce
3 changed files with 13 additions and 7 deletions
|
|
@ -25,10 +25,10 @@
|
||||||
<div id="player-strength"></div>
|
<div id="player-strength"></div>
|
||||||
<div id="player-status"></div>
|
<div id="player-status"></div>
|
||||||
<div id="pile-counts">
|
<div id="pile-counts">
|
||||||
<button id="draw-pile-btn">draw: <span id="draw-count">0</span></button>
|
<button type="button" id="draw-pile-btn">draw: <span id="draw-count">0</span></button>
|
||||||
<button id="discard-pile-btn">discard: <span id="discard-count">0</span></button>
|
<button type="button" id="discard-pile-btn">discard: <span id="discard-count">0</span></button>
|
||||||
</div>
|
</div>
|
||||||
<button id="end-turn-btn">end turn</button>
|
<button type="button" id="end-turn-btn">end turn</button>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="hand"></section>
|
<section id="hand"></section>
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ const server = Bun.serve({
|
||||||
port: 3000,
|
port: 3000,
|
||||||
async fetch(req) {
|
async fetch(req) {
|
||||||
const url = new URL(req.url);
|
const url = new URL(req.url);
|
||||||
let path = url.pathname === "/" ? "/index.html" : url.pathname;
|
const path = url.pathname === "/" ? "/index.html" : url.pathname;
|
||||||
const file = Bun.file(`.${path}`);
|
const file = Bun.file(`.${path}`);
|
||||||
if (await file.exists()) {
|
if (await file.exists()) {
|
||||||
return new Response(file);
|
return new Response(file);
|
||||||
|
|
|
||||||
12
style.css
12
style.css
|
|
@ -1,4 +1,8 @@
|
||||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
#game {
|
#game {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -50,7 +54,7 @@
|
||||||
#overlay {
|
#overlay {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
background: rgba(0,0,0,0.7);
|
background: rgba(0, 0, 0, 0.7);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -58,4 +62,6 @@
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#overlay[hidden] { display: none; }
|
#overlay[hidden] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue