AaronPo/the-biergarten-app
1
0
Fork 0
mirror of https://github.com/aaronpo97/the-biergarten-app.git synced 2026-04-05 18:09:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update margins to account for navbar

Browse Source
This commit is contained in:
Aaron William Po
2024-04-10 19:52:21 -04:00
parent 05be380fdf
commit fb61387512
8 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/beers/[id]/index.tsx
View File

@@ -32,7 +32,7 @@ const BeerByIdPage: NextPage<BeerPageProps> = ({ beerPost }) => {
<title>{beerPost.name}</title>
<meta name="description" content={beerPost.description} />
</Head>
<>
<div className="mt-10">
<Carousel
className="w-full"
useKeyboardArrows
@@ -90,7 +90,7 @@ const BeerByIdPage: NextPage<BeerPageProps> = ({ beerPost }) => {
)}
</div>
</main>
</>
</div>
</>
);
};

2
src/pages/beers/index.tsx
View File

@@ -33,7 +33,7 @@ const BeerPage: NextPage = () => {
content="Find beers made by breweries near you and around the world."
/>
</Head>
<div className="flex items-center justify-center bg-base-100" ref={pageRef}>
<div className="mt-10 flex items-center justify-center bg-base-100" ref={pageRef}>
<div className="my-10 flex w-10/12 flex-col space-y-4 lg:w-8/12 2xl:w-7/12">
<header className="my-10 flex justify-between lg:flex-row">
<div>

2
src/pages/beers/styles/[id]/index.tsx
View File

@@ -27,7 +27,7 @@ const BeerStyleByIdPage: NextPage<BeerStylePageProps> = ({ beerStyle }) => {
</Head>
<>
<main className="mb-12 mt-10 flex w-full items-center justify-center">
<div className="w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<div className="mt-10 w-11/12 space-y-3 xl:w-9/12 2xl:w-8/12">
<BeerStyleHeader beerStyle={beerStyle} />
{isDesktop ? (

2
src/pages/beers/styles/index.tsx
View File

@@ -33,7 +33,7 @@ const BeerStylePage: NextPage = () => {
content="Find beers made by breweries near you and around the world."
/>
</Head>
<div className="flex items-center justify-center bg-base-100" ref={pageRef}>
<div className="mt-10 flex items-center justify-center bg-base-100" ref={pageRef}>
<div className="my-10 flex w-10/12 flex-col space-y-4 lg:w-8/12 2xl:w-7/12">
<header className="my-10 flex justify-between lg:flex-row">
<div>

4
src/pages/breweries/[id]/index.tsx
View File

@@ -36,7 +36,7 @@ const BreweryByIdPage: NextPage<BreweryPageProps> = ({ breweryPost, mapboxToken
<meta name="description" content={breweryPost.description} />
</Head>
<>
<div className="mt-10">
<Carousel
className="w-full"
useKeyboardArrows
@@ -106,7 +106,7 @@ const BreweryByIdPage: NextPage<BreweryPageProps> = ({ breweryPost, mapboxToken
)}
</div>
</div>
</>
</div>
</>
);
};

2
src/pages/breweries/index.tsx
View File

@@ -43,7 +43,7 @@ const BreweryPage: NextPage<BreweryPageProps> = () => {
content="Find breweries near you and around the world."
/>
</Head>
<div className="flex items-center justify-center bg-base-100" ref={pageRef}>
<div className="mt-10 flex items-center justify-center bg-base-100" ref={pageRef}>
<div className="my-10 flex w-10/12 flex-col space-y-4 lg:w-8/12 2xl:w-7/12">
<header className="my-10 flex justify-between lg:flex-row">
<div className="space-y-2">