From 133bcd6aa713157d360160553ddc27ac8db7a17b Mon Sep 17 00:00:00 2001 From: "tangly1024.com" Date: Thu, 18 May 2023 12:37:08 +0800 Subject: [PATCH] =?UTF-8?q?fukasawa=20=E9=A6=96=E5=B1=8F=E5=88=86=E6=A0=8F?= =?UTF-8?q?bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/theme-fukasawa.css | 30 +----------------------------- styles/globals.css | 33 ++++++++++++++++++++++++++++++++- 2 files changed, 33 insertions(+), 30 deletions(-) diff --git a/public/css/theme-fukasawa.css b/public/css/theme-fukasawa.css index 5a62c5d9..d5a56963 100644 --- a/public/css/theme-fukasawa.css +++ b/public/css/theme-fukasawa.css @@ -1,29 +1 @@ -#theme-fukasawa .grid-item { - height: auto; - break-inside: avoid-column; - margin-bottom: .5rem; - } - - /* 大屏幕(宽度≥1024px)下显示3列 */ - @media (min-width: 1024px) { - #theme-fukasawa .grid-container { - column-count: 3; - column-gap: .5rem; - } - } - - /* 小屏幕(宽度≥640px)下显示2列 */ - @media (min-width: 640px) and (max-width: 1023px) { - #theme-fukasawa .grid-container { - column-count: 2; - column-gap: .5rem; - } - } - - /* 移动端(宽度<640px)下显示1列 */ - @media (max-width: 639px) { - #theme-fukasawa .grid-container { - column-count: 1; - column-gap: .5rem; - } - } \ No newline at end of file +/* fukasawa的主题相关 */ \ No newline at end of file diff --git a/styles/globals.css b/styles/globals.css index fa1f8f5d..ad85a3a3 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -310,4 +310,35 @@ a.avatar-wrapper { -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; -} \ No newline at end of file +} + +/* fukasawa的首页响应式分栏 */ +#theme-fukasawa .grid-item { + height: auto; + break-inside: avoid-column; + margin-bottom: .5rem; + } + + /* 大屏幕(宽度≥1024px)下显示3列 */ + @media (min-width: 1024px) { + #theme-fukasawa .grid-container { + column-count: 3; + column-gap: .5rem; + } + } + + /* 小屏幕(宽度≥640px)下显示2列 */ + @media (min-width: 640px) and (max-width: 1023px) { + #theme-fukasawa .grid-container { + column-count: 2; + column-gap: .5rem; + } + } + + /* 移动端(宽度<640px)下显示1列 */ + @media (max-width: 639px) { + #theme-fukasawa .grid-container { + column-count: 1; + column-gap: .5rem; + } + } \ No newline at end of file