fix: 手机端 nav 保持 row 布局,隐藏用户名只留头像
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
/*
|
||||
Theme Name: 空笺未寄
|
||||
Version: 0.16.0
|
||||
Version: 0.16.1
|
||||
Requires at least: 6.0
|
||||
Requires PHP: 7.4
|
||||
License: MIT
|
||||
@@ -217,9 +217,10 @@ Text Domain: kj-weji
|
||||
|
||||
@media (max-width:720px){
|
||||
.main-content{padding:24px;}
|
||||
.top-bar{padding:0 24px; flex-direction:column; gap:8px; height:auto; padding-top:12px; padding-bottom:12px;}
|
||||
:root{--topbar-height:100px;}
|
||||
.nav-links{gap:16px;}
|
||||
.top-bar{padding:0 16px; flex-direction:row; gap:8px; height:48px;}
|
||||
:root{--topbar-height:48px;}
|
||||
.nav-links{gap:14px; font-size:13px;}
|
||||
.user-menu-name{display:none;}
|
||||
.profile-header{flex-direction:column; align-items:center; text-align:center;}
|
||||
.profile-stats{justify-content:center;}
|
||||
.gallery-masonry{column-count:2;}
|
||||
@@ -273,8 +274,9 @@ body .site { width: 100% !important; }
|
||||
.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__date { font-size:12px; color:var(--ink-lighter); }
|
||||
.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 { display:flex; gap:10px; align-items:center; font-size:12px; color:var(--ink-lighter); }
|
||||
.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; }
|
||||
@@ -282,8 +284,6 @@ body .site { width: 100% !important; }
|
||||
.article-item__author { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--ink-lighter); margin-top:4px; }
|
||||
.article-avatar { width:14px !important; height:14px !important; border-radius:50% !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__views { font-size:11px; color:var(--ink-lighter); }
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user