88 >
99 <a-menu-item key =" finder" >
1010 <template #icon >
11- <StarOutlined style =" font-size : 18 px ; " />
11+ <StarOutlined style =" font-size : 16 px " />
1212 </template >
1313 {{ $t('feature.market.explore') }}
1414 </a-menu-item >
1515 <a-menu-item key =" worker" >
1616 <template #icon >
17- <SendOutlined style =" transform : rotate (-45deg ); font-size : 18 px ; " />
17+ <SendOutlined style =" transform : rotate (-45deg ); font-size : 16 px " />
1818 </template >
1919 {{ $t('feature.market.efficiency') }}
2020 </a-menu-item >
2121 <a-menu-item key =" tools" >
2222 <template #icon >
23- <SearchOutlined style =" font-size : 18 px ; " />
23+ <SearchOutlined style =" font-size : 16 px " />
2424 </template >
2525 {{ $t('feature.market.searchTool') }}
2626 </a-menu-item >
2727 <a-menu-item key =" image" >
2828 <template #icon >
29- <FileImageOutlined style =" font-size : 18 px ; " />
29+ <FileImageOutlined style =" font-size : 16 px " />
3030 </template >
3131 {{ $t('feature.market.imageTool') }}
3232 </a-menu-item >
3333 <a-menu-item key =" devPlugin" >
3434 <template #icon >
35- <CodeOutlined style =" font-size : 18 px ; " />
35+ <CodeOutlined style =" font-size : 16 px " />
3636 </template >
3737 {{ $t('feature.market.developTool') }}
3838 </a-menu-item >
3939 <a-menu-item key =" system" >
4040 <template #icon >
41- <DatabaseOutlined style =" font-size : 18 px ; " />
41+ <DatabaseOutlined style =" font-size : 16 px " />
4242 </template >
4343 {{ $t('feature.market.systemTool') }}
4444 </a-menu-item >
7272 </a-sub-menu >
7373 </a-menu >
7474 </div >
75- <div :class =" ['finder', 'result', 'devPlugin', 'image', 'tools', 'worker', 'system'].includes(active[0]) ? 'container' : 'more'" >
75+ <div
76+ :class ="
77+ [
78+ 'finder',
79+ 'result',
80+ 'devPlugin',
81+ 'image',
82+ 'tools',
83+ 'worker',
84+ 'system',
85+ ].includes(active[0])
86+ ? 'container'
87+ : 'more'
88+ "
89+ >
7690 <keep-alive >
7791 <router-view />
7892 </keep-alive >
@@ -103,14 +117,14 @@ const active = computed(() => store.state.active);
103117const { perf } = localConfig .getConfig ();
104118
105119const changeMenu = (key : any ) => {
106- store .commit (' commonUpdate' , {active: [key ]})
120+ store .commit (' commonUpdate' , { active: [key ] });
107121 router .push (key );
108122};
109123
110124window .rubick .onPluginEnter (({ code }: { code: string }) => {
111125 code = code === ' 已安装插件' ? ' installed' : code ;
112126 changeMenu (code );
113- store .commit (' commonUpdate' , {active: [code ]})
127+ store .commit (' commonUpdate' , { active: [code ] });
114128});
115129
116130window .rubick .setSubInput ((e : any ) => {
@@ -129,7 +143,7 @@ window.rubick.setSubInput((e: any) => {
129143 store .commit (' setSearchValue' , e .text );
130144 router .push (' result' );
131145 } else {
132- store .commit (' commonUpdate' , {active: [' finder' ]})
146+ store .commit (' commonUpdate' , { active: [' finder' ] });
133147 router .push (' finder' );
134148 }
135149 }
@@ -144,13 +158,16 @@ init();
144158 background : var (--color-body-bg2 ) !important ;
145159 height : 100% ;
146160 border-right : none ;
147- .ant-menu-item , .ant-menu-submenu , .ant-menu-submenu-arrow {
161+ .ant-menu-item ,
162+ .ant-menu-submenu ,
163+ .ant-menu-submenu-arrow {
148164 color : var (--color-text-content );
149165 & :active {
150166 background : none ;
151167 }
152168 }
153- .ant-menu-item-selected , .ant-menu-submenu-selected {
169+ .ant-menu-item-selected ,
170+ .ant-menu-submenu-selected {
154171 background-color : var (--color-list-hover );
155172 color : var (--ant-primary-color );
156173 .ant-menu-submenu-arrow {
@@ -203,9 +220,12 @@ init();
203220 background : var (--color-body-bg2 );
204221 }
205222 .left-menu {
206- padding : 24 px 16px ;
223+ padding : 16px ;
207224 position : relative ;
208225 height : 100vh ;
226+ :deep(.ant-menu ) {
227+ width : 100% ;
228+ }
209229 :deep(.ant-menu-item ) {
210230 padding-left : 12px !important ;
211231 display : flex ;
@@ -219,7 +239,14 @@ init();
219239 }
220240 :deep(.user-info ) {
221241 position : absolute ;
222- bottom : 32px ;
242+ bottom : 16px ;
243+ width : calc (100% - 32px );
244+ .ant-menu-submenu-title {
245+ padding : 0 32px 0 8px ;
246+ .ant-menu-title-content {
247+ margin-left : 8px ;
248+ }
249+ }
223250 }
224251 :deep(.ant-avatar ) {
225252 background : transparent ;
0 commit comments