diff --git a/feature/src/App.vue b/feature/src/App.vue
index 578411f0..79190627 100644
--- a/feature/src/App.vue
+++ b/feature/src/App.vue
@@ -8,37 +8,37 @@
>
-
+
{{ $t('feature.market.explore') }}
-
+
{{ $t('feature.market.efficiency') }}
-
+
{{ $t('feature.market.searchTool') }}
-
+
{{ $t('feature.market.imageTool') }}
-
+
{{ $t('feature.market.developTool') }}
-
+
{{ $t('feature.market.systemTool') }}
@@ -72,7 +72,21 @@
-
+
@@ -103,14 +117,14 @@ const active = computed(() => store.state.active);
const { perf } = localConfig.getConfig();
const changeMenu = (key: any) => {
- store.commit('commonUpdate', {active: [key]})
+ store.commit('commonUpdate', { active: [key] });
router.push(key);
};
window.rubick.onPluginEnter(({ code }: { code: string }) => {
code = code === '已安装插件' ? 'installed' : code;
changeMenu(code);
- store.commit('commonUpdate', {active: [code]})
+ store.commit('commonUpdate', { active: [code] });
});
window.rubick.setSubInput((e: any) => {
@@ -129,7 +143,7 @@ window.rubick.setSubInput((e: any) => {
store.commit('setSearchValue', e.text);
router.push('result');
} else {
- store.commit('commonUpdate', {active: ['finder']})
+ store.commit('commonUpdate', { active: ['finder'] });
router.push('finder');
}
}
@@ -144,13 +158,16 @@ init();
background: var(--color-body-bg2) !important;
height: 100%;
border-right: none;
- .ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-arrow {
+ .ant-menu-item,
+ .ant-menu-submenu,
+ .ant-menu-submenu-arrow {
color: var(--color-text-content);
&:active {
background: none;
}
}
- .ant-menu-item-selected, .ant-menu-submenu-selected {
+ .ant-menu-item-selected,
+ .ant-menu-submenu-selected {
background-color: var(--color-list-hover);
color: var(--ant-primary-color);
.ant-menu-submenu-arrow {
@@ -203,9 +220,12 @@ init();
background: var(--color-body-bg2);
}
.left-menu {
- padding: 24px 16px;
+ padding: 16px;
position: relative;
height: 100vh;
+ :deep(.ant-menu) {
+ width: 100%;
+ }
:deep(.ant-menu-item) {
padding-left: 12px !important;
display: flex;
@@ -219,7 +239,14 @@ init();
}
:deep(.user-info) {
position: absolute;
- bottom: 32px;
+ bottom: 16px;
+ width: calc(100% - 32px);
+ .ant-menu-submenu-title {
+ padding: 0 32px 0 8px;
+ .ant-menu-title-content {
+ margin-left: 8px;
+ }
+ }
}
:deep(.ant-avatar) {
background: transparent;