d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-23 15:09:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

fukasawa 首屏分栏bug

Browse Source
This commit is contained in:
tangly1024.com
2023-05-18 12:37:08 +08:00
parent 17e75236cd
commit 133bcd6aa7
2 changed files with 33 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/theme-fukasawa.css
View File

@@ -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;
}
}
/* fukasawa的主题相关 */

33
styles/globals.css
View File

@@ -310,4 +310,35 @@ a.avatar-wrapper {
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* 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;
}
}