strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed centering breakpoint from lg to xl

Browse Source
This commit is contained in:
Johnomated 2024-07-27 00:23:07 -05:00
parent d3e209907f
commit 1b45eb41ae
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/SiteGrid.tsx
View File

@ -32,10 +32,10 @@ export default function SiteGrid({
> >
<div className={clsx( <div className={clsx(
// 'col-span-1 md:col-span-9', // original // 'col-span-1 md:col-span-9', // original
// 'col-span-1 md:col-span-9 md:col-start-2', // without env variable // 'col-span-1 md:col-span-9 xl:col-start-2', // without env variable
CENTERED_LARGE_SCREENS CENTERED_LARGE_SCREENS
// ? 'col-span-1 md:col-span-9 md:col-start-2' // option for medium screens and up // ? 'col-span-1 md:col-span-9 lg:col-start-2' // option for lg screens and up
? 'col-span-1 md:col-span-9 lg:col-start-2' ? 'col-span-1 md:col-span-9 xl:col-start-2'
: 'col-span-1 md:col-span-9', : 'col-span-1 md:col-span-9',
sideFirstOnMobile && 'order-2 md:order-none', sideFirstOnMobile && 'order-2 md:order-none',
)}> )}>
@ -44,10 +44,10 @@ export default function SiteGrid({
{contentSide && {contentSide &&
<div className={clsx( <div className={clsx(
// 'col-span-1 md:col-span-3', // original // 'col-span-1 md:col-span-3', // original
// 'col-span-1 md:col-span-2', // without env variable // 'col-span-1 md:col-span-3 xl:col-span-2', // without env variable
CENTERED_LARGE_SCREENS CENTERED_LARGE_SCREENS
// ? 'col-span-1 md:col-span-2' // option for medium screens and up // ? 'col-span-1 lg:col-span-2' // option for lg screens and up
? 'col-span-1 md:col-span-3 lg:col-span-2' ? 'col-span-1 md:col-span-3 xl:col-span-2'
: 'col-span-1 md:col-span-3', : 'col-span-1 md:col-span-3',
sideFirstOnMobile && 'order-1 md:order-none', sideFirstOnMobile && 'order-1 md:order-none',
sideHiddenOnMobile && 'hidden md:block', sideHiddenOnMobile && 'hidden md:block',