mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-11-29 05:49:07 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

feat: 整理样式文件

Browse Source
This commit is contained in:
wangdan 2023-02-03 12:50:48 +08:00 committed by wangdan-fit2cloud
parent 969288bf67
commit 37dd3d859f
8 changed files with 95 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/app-layout/footer/index.scss
View File

@ -1,17 +0,0 @@
.footer {
height: 45px;
background: #ffffff;
border-top: 1px solid #e4e7ed;
a {
font-size: 14px;
color: #858585;
text-decoration: none;
letter-spacing: 0.5px;
}
span {
font-size: 14px;
color: #858585;
text-decoration: none;
letter-spacing: 0.5px;
}
}

31
frontend/src/components/app-layout/footer/index.vue
View File

@ -13,14 +13,29 @@
</template>
<style scoped lang="scss">
@import './index.scss';
.footer {
height: 45px;
background: #ffffff;
border-top: 1px solid #e4e7ed;
a {
font-size: 14px;
color: #858585;
text-decoration: none;
letter-spacing: 0.5px;
}
span {
font-size: 14px;
color: #858585;
text-decoration: none;
letter-spacing: 0.5px;
}
.footer-left {
margin-left: 20px;
}
.footer-left {
margin-left: 20px;
}
.footer-right {
float: right;
margin-right: 20px;
.footer-right {
float: right;
margin-right: 20px;
}
}
</style>

6
frontend/src/components/app-status/index.vue
View File

@ -135,9 +135,9 @@ onMounted(() => {
}
}
body {
margin: 0;
}
// body {
// margin: 0;
// }
.status-content {
margin-left: 50px;

5
frontend/src/main.ts
View File

@ -4,13 +4,12 @@ import App from './App.vue';
// import 'element-plus/theme-chalk/dark/css-vars.css';
import '@/styles/index.scss';
import '@/styles/reset.scss';
// import '@/styles/reset.scss';
import '@/styles/common-dark.scss';
import '@/styles/common.scss';
import '@/assets/fonts/font.scss';
import '@/assets/iconfont/iconfont.css';
import '@/assets/iconfont/iconfont.js';
import '@/styles/element-dark.scss';
import '@/styles/element.scss';
import VMdPreview from '@kangc/v-md-editor/lib/preview';
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';

0
frontend/src/styles/common-dark.scss Normal file
View File

93
frontend/src/styles/common.scss
View File

@ -92,15 +92,17 @@
}
}
#nprogress .bar {
background: $primary-color !important;
}
#nprogress .spinner-icon {
border-top-color: $primary-color !important;
border-left-color: $primary-color !important;
}
#nprogress .peg {
box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color !important;
#nprogress {
.bar {
background: $primary-color !important;
}
.spinner-icon {
border-top-color: $primary-color !important;
border-left-color: $primary-color !important;
}
.peg {
box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color !important;
}
}
.form-button {
@ -131,35 +133,31 @@
border-collapse: collapse;
font-size: 12px;
table-layout: fixed;
}
.myTable td {
width: 35%;
padding: 8px;
height: 23px;
border: 1px solid #383c42;
word-wrap: break-word;
}
.myTable td div {
margin-top: 2px;
}
.myTable th {
border: 0;
height: 30px;
}
.myTable tr:hover {
background-color: #d9dde2;
}
.myTable tr:first-child:hover {
background-color: transparent !important;
}
.myTable tr td:nth-child(even) {
color: #85888e;
td {
width: 35%;
padding: 8px;
height: 23px;
border: 1px solid #383c42;
word-wrap: break-word;
div {
margin-top: 2px;
}
th {
border: 0;
height: 30px;
}
tr {
&:hover {
background-color: #d9dde2;
}
&:first-child:hover {
background-color: transparent !important;
}
td:nth-child(even) {
color: #85888e;
}
}
}
}
.mask {
@ -227,3 +225,22 @@
background-color: rgba(0, 94, 235, 0.1);
}
}
// search条圆角
.search-button {
.el-input__wrapper {
border-radius: 50px;
}
}
// drawer头部增加按钮
.drawer-header-button {
span {
color: currentColor !important;
font-size: var(--el-font-size-base) !important;
}
.active-button {
color: var(--el-button-hover-text-color);
border-color: var(--el-button-hover-border-color);
}
}

13
frontend/src/styles/element.scss
View File

@ -155,10 +155,11 @@
.row-box {
display: flex;
flex-flow: wrap;
.el-card {
min-width: 100%;
height: 100%;
margin-right: 20px;
border: 0;
}
}
.row-box .el-card {
min-width: 100%;
height: 100%;
margin-right: 20px;
border: 0;
}

22
frontend/src/styles/index.scss
View File

@ -1,18 +1,6 @@
@use 'fit2cloud-ui-plus/src/styles/index.scss';
.search-button {
.el-input__wrapper {
border-radius: 50px;
}
}
@use 'fit2cloud-ui-plus/src/styles/index.scss' as *;
@use './element-dark.scss';
@use './element.scss' as *;
@use './reset.scss';
// drawer头部增加按钮
.drawer-header-button {
span {
color: currentColor !important;
font-size: var(--el-font-size-base) !important;
}
.active-button {
color: var(--el-button-hover-text-color);
border-color: var(--el-button-hover-border-color);
}
}