viveksantayana/wanderhome-quiz-client
viveksantayana/wanderhome-quiz-client
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Removed dark mode classes to prevent style conflicts

Browse Source
This commit is contained in:
Vivek Santayana 2022-09-02 12:53:53 +01:00
parent 9e58fbbbf2
commit ec8f2c728d
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/views/results/CompareResults.vue
View File

@ -59,7 +59,7 @@
Based on others who have taken this quiz, here are the playbooks of fellow travellers you are likely to meet along the way.
</p>
<table class="table-auto w-full max-w-sm mx-auto text-left">
<thead class="text-xs text-gray-700 uppercase bg-lime-100 dark:bg-gray-700 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-lime-100">
<tr>
<th>
@ -76,7 +76,7 @@
</tr>
</thead>
<tbody>
<tr v-for="(number, playbook, index) in this.resultsStore.playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b dark:bg-gray-900 dark:border-gray-700` : `bg-lime-100 border-b dark:bg-gray-800 dark:border-gray-700`">
<tr v-for="(number, playbook, index) in this.resultsStore.playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b` : `bg-lime-100 border-b`">
<td v-if="this.resultsStore.results.playbooks.some(obj => obj.hasOwnProperty(playbook))">
<ChevronDoubleRight/>
</td>

4
client/src/views/results/Scores.vue
View File

@ -30,7 +30,7 @@
While the playbook you are is the one most reflected by your answers, here are the other playbooks and the extent to which they have a bearing upon your journey.
</p>
<table class="table-auto w-full max-w-sm mx-auto text-left">
<thead class="text-xs text-gray-700 uppercase bg-lime-100 dark:bg-gray-700 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-lime-100">
<tr>
<th class="pl-10">
Playbook
@ -41,7 +41,7 @@
</tr>
</thead>
<tbody>
<tr v-for="(score, playbook, index) in this.resultsStore.results.all_playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b dark:bg-gray-900 dark:border-gray-700` : `bg-lime-100 border-b dark:bg-gray-800 dark:border-gray-700`">
<tr v-for="(score, playbook, index) in this.resultsStore.results.all_playbooks" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b` : `bg-lime-100 border-b`">
<td scope="col" class="py-1 pl-10 capitalize">
The {{ playbook }}
</td>

4
client/src/views/results/Statistics.vue
View File

@ -60,7 +60,7 @@
Or, indeed, it can provide insight into how the questions we ask of each other bias the way we perceive the world.
</p>
<table class="table-auto w-full mx-auto max-w-lg text-left">
<thead class="text-xs text-gray-700 uppercase bg-lime-100 dark:bg-gray-700 dark:text-gray-400">
<thead class="text-xs text-gray-700 uppercase bg-lime-100">
<tr>
<th>
@ -83,7 +83,7 @@
</tr>
</thead>
<tbody>
<tr v-for="(stats, playbook, index) in this.resultsStore.scores" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b dark:bg-gray-900 dark:border-gray-700` : `bg-lime-100 border-b dark:bg-gray-800 dark:border-gray-700`">
<tr v-for="(stats, playbook, index) in this.resultsStore.scores" :key="playbook" class="hover:bg-yellow-50" :class="index % 2 == 0? `bg-lime-50 border-b` : `bg-lime-100 border-b`">
<td v-if="this.resultsStore.results.playbooks.some(obj => obj.hasOwnProperty(playbook))">
<ChevronDoubleRight/>
</td>