diff --git a/frontend/src/views/system/appearance/index.vue b/frontend/src/views/system/appearance/index.vue index ab0de18c..ca85959b 100644 --- a/frontend/src/views/system/appearance/index.vue +++ b/frontend/src/views/system/appearance/index.vue @@ -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 {