fix(dashboard): correct types for content-style

twirapp · Aug 28, 2023 · d27860a · d27860a
1 parent 6185467
commit d27860a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/dashboard/src/components/dashboard/card.vue b/frontend/dashboard/src/components/dashboard/card.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { IconGripVertical, IconEyeOff } from '@tabler/icons-vue';
 import { NCard, NButton } from 'naive-ui';
-import { useAttrs } from 'vue';
+import { type CSSProperties, useAttrs } from 'vue';
 
 import { useWidgets, type WidgetItem } from './widgets.js';
 
@@ -12,9 +12,9 @@ defineSlots<{
 }>();
 
 withDefaults(defineProps<{
-	contentStyle?: string
+	contentStyle?: CSSProperties
 }>(), {
-	contentStyle: 'padding: 0px;',
+	contentStyle: () => ({ padding: '5px'}),
 });
 
 const widgets = useWidgets();

diff --git a/frontend/dashboard/src/components/dashboard/chat.vue b/frontend/dashboard/src/components/dashboard/chat.vue
@@ -36,7 +36,7 @@ const chatUrl = computed(() => {
 </script>
 
 <template>
-	<card content-style="margin-bottom: 10px; padding: 0px">
+	<card :content-style="{ 'margin-bottom': '10px', padding: '0px' }">
 		<template #header-extra>
 			<n-button size="small" text @click="toggleTheme">
 				<IconSun v-if="chatTheme === 'dark'" color="orange" />