From 269f0759a64927c2ea06a9d7de92ecfd0be7df5b Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期一, 13 七月 2020 10:00:04 +0800
Subject: [PATCH] 2020-07-13
---
src/views/mobdesign/index.scss | 24 ++++++++++++++----------
1 files changed, 14 insertions(+), 10 deletions(-)
diff --git a/src/views/mobdesign/index.scss b/src/views/mobdesign/index.scss
index b496b3a..7251e22 100644
--- a/src/views/mobdesign/index.scss
+++ b/src/views/mobdesign/index.scss
@@ -1,17 +1,18 @@
.mobile-view {
background: #000;
+ min-height: 100vh;
.mob-body {
width: 100vw;
- height: calc(100vh - 50px);
- overflow: hidden;
+ height: 100vh;
+ overflow-x: hidden;
position: relative;
background: #262626;
- padding: 0px 300px 0px 40px;
+ padding: 50px 300px 0px 40px;
.mob-tool {
- position: absolute;
+ position: fixed;
left: 0;
- top: 0;
+ top: 48px;
height: 100%;
width: 40px;
background: #262626;
@@ -63,9 +64,10 @@
}
.mob-setting {
- position: absolute;
+ position: fixed;
right: 0;
top: 0;
+ z-index: 10;
height: 100%;
width: 300px;
background: #202735;
@@ -75,7 +77,9 @@
>.ant-tabs-bar {
border-bottom: 1px solid #181F29;
margin-bottom: 0px;
+ min-height: 48px;
.ant-tabs-tab {
+ padding: 14px 16px;
color: rgba(255, 255, 255, 0.85);
}
.ant-tabs-tab-active.ant-tabs-tab {
@@ -87,11 +91,11 @@
.mob-shell {
width: 375px;
- height: calc(100vh - 70px);
+ height: 680px;
margin: 0 auto;
background: #ffffff;
background-size: 100% 100%;
- padding: 5vh 13px 6vh;
+ padding: 25px 13px 40px;
border-radius: 30px;
.mob-shell-inner {
@@ -99,10 +103,10 @@
height: 100%;
overflow-y: auto;
overflow-x: hidden;
- box-shadow: 0px 0px 3px #d1d1d5;
+ box-shadow: 0px 0px 2px #000000;
}
.mob-shell-inner::-webkit-scrollbar {
- width: 4px;
+ width: 2px;
}
.mob-shell-inner::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13);
--
Gitblit v1.8.0