article-overflow-y

This commit is contained in:
tangly1024.com
2023-02-02 15:11:28 +08:00
parent 50bb8aec61
commit 66e1b57b69
4 changed files with 6 additions and 5 deletions

View File

@@ -12,10 +12,11 @@ import ArticleAround from './ArticleAround'
*/
export default function ArticleDetail(props) {
const { post, prev, next } = props
const { locale } = useGlobal()
if (!post) {
return <></>
}
const { locale } = useGlobal()
const date = formatDate(post?.date?.start_date || post?.createdTime, locale.LOCALE)
return (
<div id="container" className="max-w-5xl overflow-x-auto flex-grow mx-auto w-screen md:w-full ">
@@ -26,7 +27,7 @@ export default function ArticleDetail(props) {
</div>
)}
<article itemScope itemType="https://schema.org/Movie"
className="subpixel-antialiased scroll-hidden py-10 px-5 lg:pt-24 md:px-32 dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
className="subpixel-antialiased overflow-y-hidden py-10 px-5 lg:pt-24 md:px-32 dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
>
<header className='animate__slideInDown animate__animated'>

View File

@@ -51,7 +51,7 @@ export const LayoutSlug = props => {
{!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 scroll-hidden" >
<article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased overflow-y-hidden" >
{/* Notion文章主体 */}
<section id='notion-article' className='px-5 justify-center mx-auto max-w-2xl lg:max-w-full'>
{post && <NotionPage post={post} />}

View File

@@ -64,7 +64,7 @@ export const LayoutSlug = props => {
</>}
<div className='lg:px-10 '>
<article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased scroll-hidden" >
<article itemScope itemType="https://schema.org/Movie" className="subpixel-antialiased overflow-y-hidden" >
{/* Notion文章主体 */}
<section id='notion-article'
data-aos-delay="200"

View File

@@ -35,7 +35,7 @@ export default function ArticleDetail(props) {
className="shadow md:hover:shadow-2xl overflow-x-auto flex-grow mx-auto w-screen md:w-full ">
<div itemScope itemType="https://schema.org/Movie"
className="subpixel-antialiased scroll-hidden py-10 px-5 lg:pt-24 md:px-24 dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
className="subpixel-antialiased overflow-y-hidden py-10 px-5 lg:pt-24 md:px-24 dark:border-gray-700 bg-white dark:bg-hexo-black-gray"
>
{showArticleInfo && <header className='animate__slideInDown animate__animated'>