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