diff --git a/page-articles.php b/page-articles.php index c4755e3..3141487 100644 --- a/page-articles.php +++ b/page-articles.php @@ -30,14 +30,16 @@ $total_pages = ceil($total / $per_page);
- - 'article-avatar')); ?> -
-
- -
- πŸ’¬ - πŸ‘ +
+ + +
+
+ 'article-avatar')); ?> +
+ πŸ’¬ + πŸ‘ +
diff --git a/style.css b/style.css index ddcbe83..5fbbf05 100644 --- a/style.css +++ b/style.css @@ -1,6 +1,6 @@ /* Theme Name: η©Ίη¬Ίζœͺε―„ -Version: 0.15.5 +Version: 0.16.0 Requires at least: 6.0 Requires PHP: 7.4 License: MIT @@ -270,7 +270,12 @@ body.home .site, body .site { width: 100% !important; } .platform { width: 100% !important; max-width: 960px !important; } -.article-item { display:flex; justify-content:space-between; align-items:baseline; padding:18px 0; border-bottom:1px solid var(--border-light); cursor:pointer; transition:all 0.25s; text-decoration:none; color:inherit; } +.article-item { display:flex; align-items:center; padding:18px 0; border-bottom:1px solid var(--border-light); cursor:pointer; transition:all 0.25s; text-decoration:none; color:inherit; } +.article-item__main { flex:1; min-width:0; } +.article-item__title-row { display:flex; justify-content:space-between; align-items:center; gap:12px; } +.article-item__sub-row { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:4px; } +.article-item__stats { display:flex; gap:10px; align-items:center; } +.article-item__stats span { display:inline-flex; align-items:center; line-height:1; } .article-item:hover { padding-left:12px; border-bottom-color:var(--cinnabar-light); } .article-item__main { flex:1; min-width:0; } .article-title { font-size:16px; letter-spacing:0.05em; display:block; } @@ -279,7 +284,6 @@ body .site { width: 100% !important; } .article-item__meta { display:flex; flex-direction:column; align-items:flex-end; gap:4px; font-size:12px; color:var(--ink-lighter); white-space:nowrap; margin-left:24px; } .article-item__stats { display:flex; gap:10px; align-items:center; } .article-item__stats span { display:inline-flex; align-items:center; line-height:1; } -.article-item__date { font-size:12px; color:var(--ink-lighter); } .article-item__views { font-size:11px; color:var(--ink-lighter); } @@ -317,10 +321,6 @@ echo "done" height: 100%; object-fit: cover; } -.article-item { - display: flex; - align-items: center; -} .avatar, .pinned-avatar, .card-avatar, .tucao-avatar, .article-avatar, .avatar-sm { object-fit: cover !important;