Chore: format
This commit is contained in:
parent
c517ff3c20
commit
428ed81e5b
3 changed files with 23 additions and 13 deletions
24
index.css
24
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;
|
||||
cursor: pointer;
|
||||
}
|
|
@ -37,8 +37,7 @@
|
|||
</button>
|
||||
|
||||
<label for="skip_switch" class="mb">
|
||||
<input x-model="$store.remoteState.skipMe"
|
||||
type="checkbox" id="skip_switch" role="switch" />
|
||||
<input x-model="$store.remoteState.skipMe" type="checkbox" id="skip_switch" role="switch" />
|
||||
Skip me
|
||||
</label>
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue