Client - change order on dashboard for small resolutions
This commit is contained in:
@ -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
|
||||
|
Reference in New Issue
Block a user