Adjust layout

This commit is contained in:
braginini
2023-05-22 14:51:43 +02:00
parent 4b615b4dc1
commit b078a6c3a9
4 changed files with 6 additions and 5 deletions

View File

@@ -146,7 +146,8 @@ export function Layout({ children, title, tableOfContents }) {
return ( return (
<> <>
<HeroPattern/> <HeroPattern/>
<div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12 lg:ml-72 xl:ml-80"> <div className="relative mx-auto flex max-w-8xl justify-center xl:px-8 lg:ml-52 xl:ml-60">
{/*<div className="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12 lg:ml-72 xl:ml-80">*/}
<motion.header <motion.header
layoutScroll layoutScroll
className="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex" className="contents lg:pointer-events-none lg:fixed lg:inset-0 lg:z-40 lg:flex"

View File

@@ -79,7 +79,7 @@ function NavigationGroup({ group, className }) {
<li className={clsx('relative mt-6', className)}> <li className={clsx('relative mt-6', className)}>
<motion.h2 <motion.h2
layout="position" layout="position"
className="text-s font-semibold text-zinc-900 dark:text-white" className="text-s font-semibold text-zinc-900 dark:text-gray-300"
> >
{group.title} {group.title}
</motion.h2> </motion.h2>

View File

@@ -16,7 +16,7 @@
.imagewrapper { .imagewrapper {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 6px; border-radius: 4px;
overflow:hidden; overflow:hidden;
} }

View File

@@ -6,7 +6,7 @@ module.exports = {
fontSize: { fontSize: {
'2xs': ['0.75rem', { lineHeight: '1.25rem' }], '2xs': ['0.75rem', { lineHeight: '1.25rem' }],
xs: ['0.8125rem', { lineHeight: '1.5rem' }], xs: ['0.8125rem', { lineHeight: '1.5rem' }],
sm: ['0.875rem', { lineHeight: '1.5rem' }], sm: ['1rem', { lineHeight: '1.5rem' }],
base: ['1rem', { lineHeight: '1.75rem' }], base: ['1rem', { lineHeight: '1.75rem' }],
lg: ['1.125rem', { lineHeight: '1.75rem' }], lg: ['1.125rem', { lineHeight: '1.75rem' }],
xl: ['1.25rem', { lineHeight: '1.75rem' }], xl: ['1.25rem', { lineHeight: '1.75rem' }],
@@ -27,7 +27,7 @@ module.exports = {
maxWidth: { maxWidth: {
lg: '33rem', lg: '33rem',
'2xl': '40rem', '2xl': '40rem',
'3xl': '50rem', '3xl': '55rem',
'5xl': '66rem', '5xl': '66rem',
}, },
opacity: { opacity: {