diff --git a/index.css b/index.css index b603ad3..6608767 100644 --- a/index.css +++ b/index.css @@ -34,17 +34,29 @@ .first-details { padding-top: var(--spacing); - border-bottom: var(--border-width) solid var(--accordion-border-color); - border-top: var(--border-width) solid var(--accordion-border-color); + border-bottom: var(--border-width) solid var(--accordion-border-color); + border-top: var(--border-width) solid var(--accordion-border-color); } -:is(button, input[type="submit"], input[type="button"], [role="button"]).outline.invalid, input[type="reset"].outline { +:is( + button, + input[type="submit"], + input[type="button"], + [role="button"] + ).outline.invalid, +input[type="reset"].outline { --color: var(--form-element-invalid-border-color); --background-color: transparent; } -:is(button, input[type="submit"], input[type="button"], [role="button"]).invalid, input[type="reset"] { - --background-color: var(--form-element-invalid-border-color); +:is( + button, + input[type="submit"], + input[type="button"], + [role="button"] + ).invalid, +input[type="reset"] { + --background-color: var(--form-element-invalid-border-color); --border-color: var(--form-element-invalid-border-color); - cursor: pointer; -} \ No newline at end of file + cursor: pointer; +} diff --git a/index.html b/index.html index cbb93bc..d8572b9 100644 --- a/index.html +++ b/index.html @@ -37,8 +37,7 @@ diff --git a/js/remoteState.js b/js/remoteState.js index 46a0aa1..fac5815 100644 --- a/js/remoteState.js +++ b/js/remoteState.js @@ -30,13 +30,12 @@ document.addEventListener("alpine:init", () => { }); Alpine.effect(() => { - const myTurn = this.currentPlayer == Alpine.store("localState").id + const myTurn = this.currentPlayer == Alpine.store("localState").id; if (myTurn && !this.skipMe) { this.isMyTurn = true; Alpine.store("audio").playDing(); - } - else if(myTurn && this.skipMe) { - this.giveTurnToNextPlayer() + } else if (myTurn && this.skipMe) { + this.giveTurnToNextPlayer(); } else { this.isMyTurn = false; }