d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-01 07:26:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: wrapper style paddingTop

Browse Source
This commit is contained in:
kitety
2023-05-25 21:31:44 +08:00
parent 7ab2bc7533
commit 4d6df0ef68
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
themes/hexo/LayoutBase.js
View File

@@ -12,6 +12,7 @@ import { useGlobal } from '@/lib/global'
import BLOG from '@/blog.config' import BLOG from '@/blog.config'
import dynamic from 'next/dynamic' import dynamic from 'next/dynamic'
import { isBrowser, loadExternalResource } from '@/lib/utils' import { isBrowser, loadExternalResource } from '@/lib/utils'
import CONFIG_HEXO from './config_hexo'
const FacebookPage = dynamic( const FacebookPage = dynamic(
() => { () => {
@@ -65,6 +66,8 @@ const LayoutBase = props => {
if (isBrowser()) { if (isBrowser()) {
loadExternalResource('/css/theme-hexo.css', 'css') loadExternalResource('/css/theme-hexo.css', 'css')
} }
const fixStyleObject = !CONFIG_HEXO.HOME_BANNER_ENABLE ? { paddingTop: '4rem' }:{}
return ( return (
<div id='theme-hexo'> <div id='theme-hexo'>
<CommonHead meta={meta} siteInfo={siteInfo}/> <CommonHead meta={meta} siteInfo={siteInfo}/>
@@ -73,7 +76,7 @@ const LayoutBase = props => {
{headerSlot} {headerSlot}
<main id="wrapper" className="bg-hexo-background-gray dark:bg-black w-full py-8 md:px-8 lg:px-24 min-h-screen relative"> <main id="wrapper" className="bg-hexo-background-gray dark:bg-black w-full py-8 md:px-8 lg:px-24 min-h-screen relative" style={fixStyleObject}>
<div id="container-inner" className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10'} > <div id="container-inner" className={(BLOG.LAYOUT_SIDEBAR_REVERSE ? 'flex-row-reverse' : '') + ' w-full mx-auto lg:flex lg:space-x-4 justify-center relative z-10'} >
<div className={'w-full max-w-4xl h-full ' + props.className}> <div className={'w-full max-w-4xl h-full ' + props.className}>
{onLoading ? <LoadingCover /> : children} {onLoading ? <LoadingCover /> : children}

4
themes/matery/LayoutBase.js
View File

@@ -12,6 +12,7 @@ import FloatDarkModeButton from './components/FloatDarkModeButton'
import throttle from 'lodash.throttle' import throttle from 'lodash.throttle'
import { isBrowser, loadExternalResource } from '@/lib/utils' import { isBrowser, loadExternalResource } from '@/lib/utils'
import SocialButton from './components/SocialButton' import SocialButton from './components/SocialButton'
import CONFIG_MATERY from './config_matery'
/** /**
* 基础布局 采用左右两侧布局，移动端使用顶部导航栏 * 基础布局 采用左右两侧布局，移动端使用顶部导航栏
@@ -41,6 +42,7 @@ const LayoutBase = props => {
if (isBrowser()) { if (isBrowser()) {
loadExternalResource('/css/theme-matery.css', 'css') loadExternalResource('/css/theme-matery.css', 'css')
} }
const fixStyleObject = !CONFIG_MATERY.HOME_BANNER_ENABLE ? { paddingTop: '4rem' } : {}
return ( return (
<div id='theme-matery' className="min-h-screen flex flex-col justify-between bg-hexo-background-gray dark:bg-black w-full"> <div id='theme-matery' className="min-h-screen flex flex-col justify-between bg-hexo-background-gray dark:bg-black w-full">
@@ -51,7 +53,7 @@ const LayoutBase = props => {
{headerSlot} {headerSlot}
<main id="wrapper" className="flex-1 w-full py-8 md:px-8 lg:px-24 relative"> <main id="wrapper" className="flex-1 w-full py-8 md:px-8 lg:px-24 relative" style={fixStyleObject}>
{/* 嵌入区域 */} {/* 嵌入区域 */}
<div id="container-slot" className={`w-full max-w-6xl ${props?.post && ' lg:max-w-3xl 2xl:max-w-4xl '} mt-6 px-3 mx-auto lg:flex lg:space-x-4 justify-center relative z-10`}> <div id="container-slot" className={`w-full max-w-6xl ${props?.post && ' lg:max-w-3xl 2xl:max-w-4xl '} mt-6 px-3 mx-auto lg:flex lg:space-x-4 justify-center relative z-10`}>
{props.containerSlot} {props.containerSlot}