diff --git a/dashboard/src/assets/images/plugin_icon.png b/dashboard/src/assets/images/plugin_icon.png new file mode 100644 index 000000000..7e4c4f3a9 Binary files /dev/null and b/dashboard/src/assets/images/plugin_icon.png differ diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue index bb83dc912..42f981a44 100644 --- a/dashboard/src/views/ExtensionPage.vue +++ b/dashboard/src/views/ExtensionPage.vue @@ -9,6 +9,7 @@ import axios from 'axios'; import { pinyin } from 'pinyin-pro'; import { useCommonStore } from '@/stores/common'; import { useI18n, useModuleI18n } from '@/i18n/composables'; +import defaultPluginIcon from '@/assets/images/plugin_icon.png'; import { ref, computed, onMounted, reactive, inject, watch } from 'vue'; @@ -939,7 +940,7 @@ watch(marketSearch, (newVal) => { - @@ -950,8 +951,8 @@ watch(marketSearch, (newVal) => { -
- +
@@ -986,8 +987,7 @@ watch(marketSearch, (newVal) => { -
+
{{ plugin.desc }}
@@ -1246,4 +1246,36 @@ watch(marketSearch, (newVal) => { border-radius: 5px; background-color: #f5f5f5; } + +.plugin-description { + color: rgba(var(--v-theme-on-surface), 0.6); + line-height: 1.3; + margin-bottom: 6px; + flex: 1; + overflow-y: hidden; +} + +.plugin-card:hover .plugin-description { + overflow-y: auto; +} + +.plugin-description::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +.plugin-description::-webkit-scrollbar-track { + background: transparent; +} + +.plugin-description::-webkit-scrollbar-thumb { + background-color: rgba(var(--v-theme-primary-rgb), 0.4); + border-radius: 4px; + border: 2px solid transparent; + background-clip: content-box; +} + +.plugin-description::-webkit-scrollbar-thumb:hover { + background-color: rgba(var(--v-theme-primary-rgb), 0.6); +}