Client - change order on dashboard for small resolutions

This commit is contained in:
Sam
2021-11-11 08:01:04 +01:00
parent 9c12079066
commit c2b2bdcabd
11 changed files with 25 additions and 25 deletions

View File

@ -6,13 +6,6 @@
>
<div class="container mobile-menu">
<div class="box">
<div
class="mobile-menu-item"
:class="{ 'is-selected': isSelected === 'chart' }"
@click="updateDisplayColumn('chart')"
>
<i class="fa fa-bar-chart" aria-hidden="true" />
</div>
<div
class="mobile-menu-item"
:class="{ 'is-selected': isSelected === 'calendar' }"
@ -20,6 +13,13 @@
>
<i class="fa fa-calendar" aria-hidden="true" />
</div>
<div
class="mobile-menu-item"
:class="{ 'is-selected': isSelected === 'chart' }"
@click="updateDisplayColumn('chart')"
>
<i class="fa fa-bar-chart" aria-hidden="true" />
</div>
<div
class="mobile-menu-item"
:class="{ 'is-selected': isSelected === 'timeline' }"
@ -93,7 +93,7 @@
const sports: ComputedRef<ISport[]> = computed(
() => store.getters[SPORTS_STORE.GETTERS.SPORTS]
)
const isSelected: Ref<string> = ref('chart')
const isSelected: Ref<string> = ref('calendar')
function updateDisplayColumn(target: string) {
isSelected.value = target