diff options
| author | 时光 <i@timemc.cn> | 2019-12-02 13:26:09 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-12-02 13:26:09 +0800 |
| commit | a2f38f9a3bb4e7075ca43436767f2413e72bda3c (patch) | |
| tree | a7156c03a21590d90a2e90b170639bdd60dcc860 | |
| parent | 557f8d4933a5d0b75ccc22b82c42809103852943 (diff) | |
优化返回顶部按钮在移动设备的表现
分别增加侧边距与移动设备上的按钮大小，适配于部分圆角全面屏设备
| -rw-r--r-- | assets/css/main/component.css | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/assets/css/main/component.css b/assets/css/main/component.css index 6cca92c..dc14155 100644 --- a/assets/css/main/component.css +++ b/assets/css/main/component.css @@ -80,8 +80,8 @@ button { .fixed-button {
background: #fdfdfd;
font-size: 16px;
- height: 40px;
- width: 40px;
+ height: 3.5rem;
+ width: 3.5rem;
display: flex;
justify-content:center;
align-items:center;
@@ -106,6 +106,7 @@ button { bottom: 8px;
background: #fff!important;
color: rgb(80,80,80)!important;
+ right: 1rem;
}
/* Bubble */
.bubble {
@@ -132,4 +133,4 @@ button { .bubble:hover {
transform: translateY(-6px);
box-shadow: 2px 8px 17px #bababa;
-}
\ No newline at end of file +}
|