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

Merge pull request #201 from tangly1024/bug-fix-view-on-ipad

Browse Source 
Bug fix view on ipad
This commit is contained in:
tangly1024
2022-04-25 16:27:19 +08:00
committed by GitHub
parent 1d4bc3c5f8 f4c940a0af
commit 576d970e62
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/fukasawa/components/BlogListPage.js
View File

@@ -20,6 +20,8 @@ const BlogListPage = ({ page = 1, posts = [], postCount }) => {
function updateCol() {
if (window.outerWidth > 1200) {
changeCol(3)
} else if (window.outerWidth > 900) {
changeCol(2)
} else {
changeCol(1)
}

4
themes/hexo/LayoutBase.js
View File

@@ -59,12 +59,12 @@ const LayoutBase = props => {
{headerSlot}
<main id="wrapper" className="w-full py-8 min-h-screen">
<main id="wrapper" className="w-full py-8 md:px-8 xl:px-24 min-h-screen">
<div
id="container-inner"
className="pt-14 w-full mx-auto lg:flex justify-center lg:space-x-4"
>
<div className="flex-grow w-full lg:max-w-4xl">
<div className="flex-grow w-full">
{onLoading ? <LoadingCover /> : children}
</div>

2
themes/hexo/LayoutSlug.js
View File

@@ -54,7 +54,7 @@ export const LayoutSlug = props => {
<div className="w-full lg:shadow-sm lg:hover:shadow lg:border lg:rounded-xl lg:px-2 lg:py-4 bg-white dark:bg-hexo-black-gray dark:border-black">
{lock && <ArticleLock password={post.password} validPassword={validPassword} />}
{!lock && <div id="container" className="max-w-5xl overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
{!lock && <div id="container" className="overflow-x-auto flex-grow mx-auto md:w-full md:px-5 ">
<article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased" >
{/* Notion文章主体 */}

2
themes/hexo/components/BlogPostCard.js
View File

@@ -85,7 +85,7 @@ const BlogPostCard = ({ post, showSummary }) => {
<img
src={post?.page_cover}
alt={post.title}
className="hover:scale-125 rounded-t-xl lg:rounded-r-xl lg:rounded-t-none transform object-cover duration-500"
className="max-h-52 lg:max-h-72 w-full hover:scale-125 rounded-t-xl lg:rounded-r-xl lg:rounded-t-none transform object-cover duration-500"
/>
{/* <Image className='hover:scale-125 rounded-t-xl lg:rounded-r-xl lg:rounded-t-none transform duration-500' src={post?.page_cover} alt={post.title} layout='fill' objectFit='cover' loading='lazy' /> */}
</div>