yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-06-14 07:16:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #95 from layyback/feature/style

Browse Source 
feat:提取公共样式
This commit is contained in:
木偶 2022-03-21 22:50:39 +08:00 committed by GitHub
commit cd4036a805
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 24 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
feature/src/assets/common.less Normal file
View File

@ -0,0 +1,20 @@
.left-menu {
width: 200px;
height: 100vh;
.search-container {
padding: 10px;
}
.ant-input-affix-wrapper {
border: none;
}
:deep(.ant-menu) {
background: #F3EFEF;
.ant-menu-item-selected {
background-color: #E2E2E2;
color: #141414;
&:after {
display: none;
}
}
}
}

23
feature/src/views/market/index.vue
View File

@ -92,7 +92,8 @@ const totalPlugins = computed(() => store.state.totalPlugins);
const { searchValue, current } = toRefs(state); const { searchValue, current } = toRefs(state);
</script> </script>
<style lang="less"> <style lang="less" scoped>
@import '~@/assets/common.less';
.market { .market {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
@ -101,26 +102,6 @@ const { searchValue, current } = toRefs(state);
overflow: hidden; overflow: hidden;
background: #F3EFEF; background: #F3EFEF;
height: calc(~"100vh - 46px"); height: calc(~"100vh - 46px");
.left-menu {
width: 200px;
height: 100vh;
.search-container {
padding: 10px;
}
.ant-input-affix-wrapper {
border: none;
}
.ant-menu {
background: #F3EFEF;
.ant-menu-item-selected {
background-color: #E2E2E2;
color: #141414;
&:after {
display: none;
}
}
}
}
.container { .container {
background: #fff; background: #fff;
width: calc(~'100% - 200px'); width: calc(~'100% - 200px');

23
feature/src/views/settings/index.vue
View File

@ -236,7 +236,8 @@ const addConfig = () => {
const {shortCut, common, local, global} = toRefs(state); const {shortCut, common, local, global} = toRefs(state);
</script> </script>
<style lang="less"> <style lang="less" scoped>
@import '~@/assets/common.less';
.settings { .settings {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
@ -244,26 +245,6 @@ const {shortCut, common, local, global} = toRefs(state);
background: #f3efef; background: #f3efef;
height: calc(~"100vh - 46px"); height: calc(~"100vh - 46px");
display: flex; display: flex;
.left-menu {
width: 200px;
height: 100%;
.search-container {
padding: 10px;
}
.ant-input-affix-wrapper {
border: none;
}
.ant-menu {
background: #F3EFEF;
.ant-menu-item-selected {
background-color: #E2E2E2;
color: #141414;
&:after {
display: none;
}
}
}
}
.settings-detail { .settings-detail {
padding: 20px; padding: 20px;
box-sizing: border-box; box-sizing: border-box;