diff --git a/app/components/filter/Item.vue b/app/components/filter/Item.vue index c100e67..a434f5c 100644 --- a/app/components/filter/Item.vue +++ b/app/components/filter/Item.vue @@ -26,11 +26,13 @@ function onSelect(option: string) {
- +
+ +
-
diff --git a/app/pages/charts.vue b/app/pages/charts.vue index 293ecda..43e9e87 100644 --- a/app/pages/charts.vue +++ b/app/pages/charts.vue @@ -58,12 +58,25 @@ const { data } = useFetch(url, { const explanation = computed(() => { return useExplanations(stat.value); }); + +const sidebarVisible = ref(false); + +onMounted(() => { + const isMediumScreen = useMediaQuery("(min-width: 768px)"); + + if (isMediumScreen.value) { + sidebarVisible.value = true; + } +});