css variables, change max_guesses behaviour in wordle
Build / Build-image (push) Successful in 1m19s

This commit is contained in:
2026-09-05 13:00:41 +02:00
parent cc892fdebf
commit 5613a95063
4 changed files with 21 additions and 8 deletions
+6 -3
View File
@@ -4,7 +4,7 @@
<template>
<div class="flex-container gap-1.5">
<div v-for="i in length" class="border border-default wr-div" :class="{'correct' : getCorrectness[i-1]==2, 'wrong-place' : getCorrectness[i-1]==1}">
<div v-for="i in length" class="border border-default wr-div" :class="{'correct' : getCorrectness[i-1]==2, 'wrong-place' : getCorrectness[i-1]==1, 'incorrect' : getCorrectness[i-1]==0}" >
{{ guess[i-1] }}
</div>
</div>
@@ -73,10 +73,13 @@
.correct {
background-color: rgb(0, 126, 2);
}
.incorrect {
background-color: var(--incorrect-guess);
}
.wrong-place {
background-color: rgb(37, 43, 154);
background-color: var(--partial-correct-guess);
}
.empty {
background-color: rgb(93, 93, 93);
background-color: var(--incorrect-guess);
}
</style>