forked from SmartBench/CMVR-IOT-UI
zhanghao
5777d64821
- Replaced hardcoded colors and styles with CSS variables in multiple components including `index.vue`, `lock.vue`, `login.vue`, and `register.vue`. - Improved layout and spacing in forms and containers for better responsiveness. - Removed unused particle background animation from `lock.vue`. - Added new SCSS file for Element Plus theme customization. - Introduced a minimalist CSS file for global styles and variables.
72 lines
933 B
SCSS
72 lines
933 B
SCSS
$br: 1px solid #e5e7eb;
|
|
$brdeg: 4px;
|
|
@mixin br6 {
|
|
border: $br;
|
|
border-radius: $brdeg;
|
|
}
|
|
|
|
.p10 {
|
|
padding: 10px;
|
|
height: 100%;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
user-select: none;
|
|
}
|
|
|
|
.mb5 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.flex1 {
|
|
flex: 1
|
|
}
|
|
|
|
.align-center {
|
|
align-items: center;
|
|
}
|
|
|
|
.flex-col {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.between {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.justify-content-center {
|
|
justify-content: center;
|
|
}
|
|
|
|
.bg {
|
|
background-color: #0052d9;
|
|
}
|
|
|
|
.scrollable {
|
|
//scrollbar-gutter: stable;
|
|
scrollbar-color: rgba(0, 0, 0, .8) transparent;
|
|
transition: scrollbar-color .1s ease-out
|
|
}
|
|
|
|
.scrollable:hover {
|
|
scrollbar-color: rgba(0, 0, 0, .15) transparent
|
|
}
|
|
|
|
.scrollable::-webkit-scrollbar {
|
|
background-color: transparent
|
|
}
|
|
|
|
.scrollable::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, .8)
|
|
}
|
|
|
|
.scrollable::-webkit-scrollbar-track {
|
|
background-color: transparent
|
|
}
|
|
|