Merge pull request #215 from JasonReed-2/master

Style Ready Button as a Check Toggle
beyond-all-reason · May 19, 2023 · b2f3b1e · b2f3b1e
2 parents 349aa30 + c7cc9db
commit b2f3b1e
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/renderer/components/battle/BattleComponent.vue b/src/renderer/components/battle/BattleComponent.vue
@@ -173,8 +173,8 @@
                         >
                     </template>
                     <template v-else>
-                        <Button v-if="me.battleStatus.ready" class="fullwidth blue" @click="toggleReady">Unready</Button>
-                        <Button v-else class="fullwidth blue" @click="toggleReady">Ready</Button>
+                        <Button v-if="me.battleStatus.ready" class="fullwidth green" @click="toggleReady"><span class="checkbox">✔</span>Unready</Button>
+                        <Button v-else class="fullwidth yellow" @click="toggleReady"><span class="checkbox">✖</span>Ready</Button>
 
                         <Button v-if="battle.battleOptions.startTime" class="fullwidth green" :disabled="isGameRunning" @click="start"
                             >Rejoin</Button
@@ -382,4 +382,7 @@ async function start() {
 .subtitle {
     font-size: 16px;
 }
+.checkbox {
+    margin-right: 10px;
+}
 </style>