mirror of
https://gh-proxy.org/https://github.com/klinsmaya/SQLBot.git
synced 2026-11-08 01:06:59 +08:00
feat(appearance): appearance set
This commit is contained in:
@@ -810,116 +810,6 @@ onUnmounted(() => {
|
||||
}
|
||||
}
|
||||
}
|
||||
.mobile-fake {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
padding-top: 24px;
|
||||
.mobile-canvas {
|
||||
transform: scale(0.6);
|
||||
transform-origin: top;
|
||||
border-radius: 30px;
|
||||
width: 419px;
|
||||
height: 852px;
|
||||
overflow: hidden;
|
||||
background-size: 100% 100% !important;
|
||||
position: relative;
|
||||
background-image: url(@/assets/img/mobile-bg-pc.png);
|
||||
padding: 0 22px;
|
||||
|
||||
.mobile-header {
|
||||
margin-top: 20px;
|
||||
height: 43px;
|
||||
display: flex;
|
||||
img {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.config-panel-title {
|
||||
height: 44px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
border-top-right-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
}
|
||||
|
||||
.config-panel-content {
|
||||
width: 100%;
|
||||
height: calc(100% - 127px);
|
||||
border-bottom-left-radius: 45px;
|
||||
border-bottom-right-radius: 45px;
|
||||
overflow: hidden;
|
||||
|
||||
.login-mobile_color {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.mobile-login-content {
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
rgba(255, 255, 255, 0.94) 0%,
|
||||
#ffffff 58.86%
|
||||
);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-top-right-radius: 20px;
|
||||
border-top-left-radius: 20px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 70%;
|
||||
padding: 24px 16px;
|
||||
z-index: 10;
|
||||
|
||||
.mobile-login-welcome {
|
||||
font-size: 22px;
|
||||
font-weight: 500;
|
||||
line-height: 30px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.login-input_fake {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
border: 1px solid #bbbfc4;
|
||||
border-radius: 6px;
|
||||
margin: 16px 0;
|
||||
padding: 12px 16px;
|
||||
border-color: rgb(187, 191, 196);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.with-bg {
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(@/assets/img/bg-mobile.png);
|
||||
}
|
||||
|
||||
.mobile-login_bg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.tips-page {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
color: #8f959e;
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.config-list {
|
||||
|
||||
Reference in New Issue
Block a user