mirror of
https://github.com/1Panel-dev/1Panel.git
synced 2025-10-10 23:47:39 +08:00
feat: 整理样式文件
This commit is contained in:
wangdan
wangdan-fit2cloud
parent
969288bf67
commit
37dd3d859f
8 changed files with 95 additions and 92 deletions
|
|
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -13,14 +13,29 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<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 {
|
.footer-right {
|
||||||
margin-left: 20px;
|
float: right;
|
||||||
}
|
margin-right: 20px;
|
||||||
|
}
|
||||||
.footer-right {
|
|
||||||
float: right;
|
|
||||||
margin-right: 20px;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -135,9 +135,9 @@ onMounted(() => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
// body {
|
||||||
margin: 0;
|
// margin: 0;
|
||||||
}
|
// }
|
||||||
|
|
||||||
.status-content {
|
.status-content {
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
|
|
|
||||||
|
|
@ -4,13 +4,12 @@ import App from './App.vue';
|
||||||
// import 'element-plus/theme-chalk/dark/css-vars.css';
|
// import 'element-plus/theme-chalk/dark/css-vars.css';
|
||||||
|
|
||||||
import '@/styles/index.scss';
|
import '@/styles/index.scss';
|
||||||
import '@/styles/reset.scss';
|
// import '@/styles/reset.scss';
|
||||||
|
import '@/styles/common-dark.scss';
|
||||||
import '@/styles/common.scss';
|
import '@/styles/common.scss';
|
||||||
import '@/assets/fonts/font.scss';
|
import '@/assets/fonts/font.scss';
|
||||||
import '@/assets/iconfont/iconfont.css';
|
import '@/assets/iconfont/iconfont.css';
|
||||||
import '@/assets/iconfont/iconfont.js';
|
import '@/assets/iconfont/iconfont.js';
|
||||||
import '@/styles/element-dark.scss';
|
|
||||||
import '@/styles/element.scss';
|
|
||||||
|
|
||||||
import VMdPreview from '@kangc/v-md-editor/lib/preview';
|
import VMdPreview from '@kangc/v-md-editor/lib/preview';
|
||||||
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
|
import githubTheme from '@kangc/v-md-editor/lib/theme/github.js';
|
||||||
|
|
|
||||||
0
frontend/src/styles/common-dark.scss
Normal file
0
frontend/src/styles/common-dark.scss
Normal file
|
|
@ -92,15 +92,17 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#nprogress .bar {
|
#nprogress {
|
||||||
background: $primary-color !important;
|
.bar {
|
||||||
}
|
background: $primary-color !important;
|
||||||
#nprogress .spinner-icon {
|
}
|
||||||
border-top-color: $primary-color !important;
|
.spinner-icon {
|
||||||
border-left-color: $primary-color !important;
|
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;
|
.peg {
|
||||||
|
box-shadow: 0 0 10px $primary-color, 0 0 5px $primary-color !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.form-button {
|
.form-button {
|
||||||
|
|
@ -131,35 +133,31 @@
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
table-layout: fixed;
|
table-layout: fixed;
|
||||||
}
|
td {
|
||||||
|
width: 35%;
|
||||||
.myTable td {
|
padding: 8px;
|
||||||
width: 35%;
|
height: 23px;
|
||||||
padding: 8px;
|
border: 1px solid #383c42;
|
||||||
height: 23px;
|
word-wrap: break-word;
|
||||||
border: 1px solid #383c42;
|
div {
|
||||||
word-wrap: break-word;
|
margin-top: 2px;
|
||||||
}
|
}
|
||||||
|
th {
|
||||||
.myTable td div {
|
border: 0;
|
||||||
margin-top: 2px;
|
height: 30px;
|
||||||
}
|
}
|
||||||
|
tr {
|
||||||
.myTable th {
|
&:hover {
|
||||||
border: 0;
|
background-color: #d9dde2;
|
||||||
height: 30px;
|
}
|
||||||
}
|
&:first-child:hover {
|
||||||
|
background-color: transparent !important;
|
||||||
.myTable tr:hover {
|
}
|
||||||
background-color: #d9dde2;
|
td:nth-child(even) {
|
||||||
}
|
color: #85888e;
|
||||||
|
}
|
||||||
.myTable tr:first-child:hover {
|
}
|
||||||
background-color: transparent !important;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.myTable tr td:nth-child(even) {
|
|
||||||
color: #85888e;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mask {
|
.mask {
|
||||||
|
|
@ -227,3 +225,22 @@
|
||||||
background-color: rgba(0, 94, 235, 0.1);
|
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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -155,10 +155,11 @@
|
||||||
.row-box {
|
.row-box {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: wrap;
|
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;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -1,18 +1,6 @@
|
||||||
@use 'fit2cloud-ui-plus/src/styles/index.scss';
|
@use 'fit2cloud-ui-plus/src/styles/index.scss' as *;
|
||||||
.search-button {
|
@use './element-dark.scss';
|
||||||
.el-input__wrapper {
|
@use './element.scss' as *;
|
||||||
border-radius: 50px;
|
@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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue