f07197c39f
v1.2.3 增添darkmode，调整优化界面、颜色，以适应darkmode Signed-off-by: Riceneeder <86492950+Riceneeder@users.noreply.github.com>
68 lines
1.1 KiB
CSS
68 lines
1.1 KiB
CSS
|
|
.container {
|
|
height: calc(100vh - 100px);
|
|
overflow: hidden;
|
|
overflow-y: auto;
|
|
box-shadow: inset 0 1px 0 0 #eaedea;
|
|
filter: blur(0);
|
|
transition: .2s;
|
|
|
|
&.blur {
|
|
filter: blur(6px);
|
|
}
|
|
}
|
|
|
|
.dragDropHolder {
|
|
position: fixed;
|
|
display: flex;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: rgba(255, 255, 255, .7);
|
|
font-family: 'Roboto';
|
|
color: #777;
|
|
z-index: 999;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: .2s;
|
|
pointer-events: none;
|
|
|
|
&.show {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
& i {
|
|
margin-top: 24px;
|
|
font-size: 48px;
|
|
}
|
|
|
|
& h2 {
|
|
font-weight: 100;
|
|
}
|
|
|
|
& img {
|
|
margin: 12px;
|
|
}
|
|
|
|
& .inner {
|
|
display: flex;
|
|
width: 60vw;
|
|
height: 56vh;
|
|
padding-top: 14px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
@media (width <= 800px) {
|
|
.container {
|
|
height: calc(100vh - 86px);
|
|
}
|
|
}
|