RMagic SVGs

src/components/units/AppGameVariants.vue

@@ -7,7 +7,7 @@
  <img :src="getLogoSource(variant.id)" :alt="game.name + ' ' + variant.description + ' Logo'" style="width: 8rem" />
  <p>{{ variant.description }}</p>
  </router-link>
- <div v-if="gameCustom" v-on:click="customBoardRoute">
+ <div v-if="gameCustom" v-on:click="customBoardRoute" :class="game.gui_status">
  <img :src="getLogoSource('custom')" :alt="game.name + ' ' + 'Custom Logo'" style="width: 8rem" />
  <p>Custom</p>
  </div>
@@ -95,19 +95,19 @@
  }
  }
 
- > a.v3 {
+ > a.v3, div.v3 {
  border: 0.2rem solid purple;
  }
 
- > a.v2 {
+ > a.v2, div.v2 {
  border: 0.2rem solid gold;
  }
 
- > a.v1 {
+ > a.v1, div.v1 {
  border: 0.2rem solid silver;
  }
 
- > a.v0 {
+ > a.v0, div.v0 {
  border: 0.2rem solid #CD7F32;
  }
 

src/components/units/GameBody/AppGameBodyStatisticsMessage.vue

@@ -3,8 +3,8 @@
  <template v-if="!isEndOfMatch">
  <template v-if="isPuzzleGame">
  <p v-if="currentPositionValue === 'lose'">
- <b :class="`uni-turn-${currentTurn}`">{{ currentPlayerName }}</b> is 
- <mark :class="`uni-lose`">failing</mark> the puzzle.
+ <b :class="`uni-turn-${currentTurn}`">{{ currentPlayerName }}</b> will 
+ <mark :class="`uni-lose`">not be able to solve</mark> the puzzle.
  </p>
  <p v-else>
  <b :class="`uni-turn-${currentTurn}`">{{ currentPlayerName }}</b> should 
@@ -33,8 +33,8 @@
  <template v-else>
  <template v-if="isPuzzleGame">
  <p v-if="currentPositionValue === 'lose'">
- <b :class="`uni-turn-${currentTurn}`">{{ currentPlayerName }}</b> has 
- <mark :class="`uni-lose`">failed</mark> the puzzle!
+ <b :class="`uni-turn-${currentTurn}`">{{ currentPlayerName }}</b> was 
+ <mark :class="`uni-lose`">unable to solve</mark> the puzzle!
  </p>
  <p v-else>
  <b :class="`uni-turn-${currentTurn}`">{{ currentPlayerName }}</b> has