perf: 部分线条样式优化(#105) (#139)

This commit is contained in:
wangdan-fit2cloud 2024-04-17 15:21:23 +08:00 committed by GitHub
parent 0e4ab4f1c5
commit a1681fef62
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 15 additions and 8 deletions

View File

@ -247,7 +247,7 @@ function initMaxkbStyle(root){
#maxkb #maxkb-chat-container{ #maxkb #maxkb-chat-container{
z-index:10000;position: relative; z-index:10000;position: relative;
border-radius: 8px; border-radius: 8px;
border: 1px solid var(--N300, #DEE0E3); border: 1px solid #ffffff;
background: linear-gradient(188deg, rgba(235, 241, 255, 0.20) 39.6%, rgba(231, 249, 255, 0.20) 94.3%), #EFF0F1; background: linear-gradient(188deg, rgba(235, 241, 255, 0.20) 39.6%, rgba(231, 249, 255, 0.20) 94.3%), #EFF0F1;
box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.10); box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.10);
position: fixed;bottom: 20px;right: 45px;overflow: hidden; position: fixed;bottom: 20px;right: 45px;overflow: hidden;

View File

@ -9,6 +9,13 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<script
async
defer
src="http://localhost:3000/api/application/embed?protocol=http&host=localhost:3000&token=35d833ff707d494e">
</script>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>

View File

@ -14,24 +14,24 @@
<el-tooltip effect="dark" content="项目地址" placement="top"> <el-tooltip effect="dark" content="项目地址" placement="top">
<AppIcon <AppIcon
iconName="app-github" iconName="app-github"
class="cursor mr-16 ml-8" class="cursor color-secondary mr-8 ml-8"
style="font-size: 24px" style="font-size: 20px"
@click="toUrl('https://github.com/1Panel-dev/MaxKB')" @click="toUrl('https://github.com/1Panel-dev/MaxKB')"
></AppIcon> ></AppIcon>
</el-tooltip> </el-tooltip>
<el-tooltip effect="dark" content="用户手册" placement="top"> <el-tooltip effect="dark" content="用户手册" placement="top">
<AppIcon <AppIcon
iconName="app-reading" iconName="app-reading"
class="cursor mr-16 ml-8" class="cursor color-secondary mr-8 ml-8"
style="font-size: 24px" style="font-size: 20px"
@click="toUrl('https://github.com/1Panel-dev/MaxKB/wiki')" @click="toUrl('https://github.com/1Panel-dev/MaxKB/wiki')"
></AppIcon> ></AppIcon>
</el-tooltip> </el-tooltip>
<el-tooltip effect="dark" content="论坛求助" placement="top"> <el-tooltip effect="dark" content="论坛求助" placement="top">
<AppIcon <AppIcon
iconName="app-help" iconName="app-help"
class="cursor mr-16 ml-8" class="cursor color-secondary mr-16 ml-8"
style="font-size: 24px" style="font-size: 20px"
@click="toUrl('https://bbs.fit2cloud.com/c/mk/11')" @click="toUrl('https://bbs.fit2cloud.com/c/mk/11')"
></AppIcon> ></AppIcon>
</el-tooltip> </el-tooltip>

View File

@ -70,7 +70,7 @@ onMounted(() => {
height: var(--app-header-height); height: var(--app-header-height);
line-height: var(--app-header-height); line-height: var(--app-header-height);
box-sizing: border-box; box-sizing: border-box;
border-bottom: 1px solid rgba(31, 35, 41, 0.15); border-bottom: 1px solid var(--el-border-color);
} }
&__main { &__main {
padding-top: calc(var(--app-header-height) + 24px); padding-top: calc(var(--app-header-height) + 24px);