From 13e94cb0f06da6f7fca45c4055619072b694e6b9 Mon Sep 17 00:00:00 2001 From: Emily Date: Mon, 20 Jan 2025 14:55:12 +0100 Subject: [PATCH] align icons of devices --- dashboard/components/BarCard/Devices.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/dashboard/components/BarCard/Devices.vue b/dashboard/components/BarCard/Devices.vue index b85b207..bb082bd 100644 --- a/dashboard/components/BarCard/Devices.vue +++ b/dashboard/components/BarCard/Devices.vue @@ -5,17 +5,17 @@ import type { IconProvider } from './Base.vue'; function iconProvider(e: { _id: string, count: number }): ReturnType { if (e._id === 'desktop') return ['icon','far fa-desktop']; - if (e._id === 'tablet') return ['icon','far fa-tablet']; - if (e._id === 'mobile') return ['icon','far fa-mobile']; + if (e._id === 'tablet') return ['icon','far fa-tablet ml-1']; + if (e._id === 'mobile') return ['icon','far fa-mobile ml-1']; if (e._id === 'smarttv') return ['icon','far fa-tv']; if (e._id === 'console') return ['icon','far fa-game-console-handheld']; - return ['icon', 'far fa-question'] + return ['icon', 'far fa-question ml-1 mr-1'] } function transform(data: { _id: string, count: number }[]) { console.log(data); - return data.map(e => ({ ...e, _id: e._id == null ? 'unknown' : e._id })) + return data.map(e => ({ ...e, _id: e._id == null ? 'others' : e._id })) } const devicesData = useFetch('/api/data/devices', {