diff --git a/apps/stage-web/package.json b/apps/stage-web/package.json index c29201ee5..3af60e1b6 100644 --- a/apps/stage-web/package.json +++ b/apps/stage-web/package.json @@ -110,6 +110,7 @@ "@vue-macros/volar": "^3.0.0-beta.3", "@vueuse/motion": "^2.2.6", "hfup": "workspace:^", + "less": "^4.2.2", "markdown-it-link-attributes": "^4.0.1", "unplugin-auto-import": "^19.1.1", "unplugin-vue-components": "^28.4.1", diff --git a/apps/stage-web/src/components/Menu/IconItem.vue b/apps/stage-web/src/components/Menu/IconItem.vue index 766e7f508..a29b6a094 100644 --- a/apps/stage-web/src/components/Menu/IconItem.vue +++ b/apps/stage-web/src/components/Menu/IconItem.vue @@ -10,19 +10,22 @@ defineProps<{ + + diff --git a/apps/stage-web/src/pages/settings/modules/index.vue b/apps/stage-web/src/pages/settings/modules/index.vue index 65f72c807..71a33a144 100644 --- a/apps/stage-web/src/pages/settings/modules/index.vue +++ b/apps/stage-web/src/pages/settings/modules/index.vue @@ -11,6 +11,7 @@ interface Module { name: string description: string icon?: string + iconColor?: string iconImage?: string to: string configured: boolean @@ -78,7 +79,7 @@ const modulesList = computed(() => [ id: 'game-minecraft', name: 'Minecraft', description: 'Playing Minecraft with you, etc.', - icon: 'i-vscode-icons:file-type-minecraft', + iconColor: 'i-vscode-icons:file-type-minecraft', to: '', configured: false, }, @@ -110,45 +111,64 @@ const modulesList = computed(() => [
-
+
{{ module.description }}
-