diff options
| author | outtime <i@timewk.cn> | 2019-12-15 17:22:31 +0800 |
|---|---|---|
| committer | outtime <i@timewk.cn> | 2019-12-15 17:22:31 +0800 |
| commit | 8441a6d17c9516715115f27e9a95c7e5dbcd9766 (patch) | |
| tree | bb360718f53826ad3700f7def4a3c97c1d5fecfe /assets/css | |
| parent | 9b6d32ecaac85cdc671b549f48ce5653dec52264 (diff) | |
📃Perf：优化首页卡片，合并移动端与PC为一个
Diffstat (limited to 'assets/css')
| -rw-r--r-- | assets/css/main/miracles.min.css | 7 | ||||
| -rw-r--r-- | assets/css/main/post.css | 23 |
2 files changed, 9 insertions, 21 deletions
diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css index d85e1e1..905e186 100644 --- a/assets/css/main/miracles.min.css +++ b/assets/css/main/miracles.min.css @@ -62,10 +62,14 @@ display: block
}
/* Mobile phone */
-@media (max-width:375px) {
+@media (max-width:767px) {
.drawer {
width: 100vw;
}
+ .mobile-menu-close {
+ right: 20px;
+ left: auto;
+ }
}
/* > Pad and up */
@media (min-width:768px) {
@@ -147,6 +151,7 @@ .post-title {
margin: 25px 0;
margin-bottom: 10px
+ font-size: 2rem;
}
.post-excerpt {
diff --git a/assets/css/main/post.css b/assets/css/main/post.css index 799b999..f35786e 100644 --- a/assets/css/main/post.css +++ b/assets/css/main/post.css @@ -21,7 +21,6 @@ transition: background .1s
}
.post-banner-box {
- margin-left: -15px;
height: 100%;
overflow: hidden
}
@@ -49,6 +48,7 @@ margin-top: 15px
}
.post-button {
+ margin-right: 20px;
float: right
}
.post-footer {
@@ -333,23 +333,6 @@ .post-pagenav-right {
float: right
}
-/* -ss */
-.post-banner-ss img {
- width: 100%
-}
-.post-banner-box-ss {
- max-height: 280px;
- overflow: hidden
-}
-.post-item-content-ss {
- padding: 20px
-}
-.post-title-ss {
- margin: 12px 0;
- margin-top: 6px;
- height: 32px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- font-size: 25px
+.post-item-content{
+ padding: 0 35px 10px 35px;
}
\ No newline at end of file |