chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

galleryimage horizontal scrollbars

Browse Source
This commit is contained in:
Chuck Dries 2022-07-13 21:49:22 -07:00
parent e6a7f894f6
commit 0a3f8295dc
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/GalleryImage/GalleryImage.js
View File

@ -131,9 +131,9 @@ const GalleryImage = ({ data, location: { state } }) => {
const orientationClasses = const orientationClasses =
ar > 1 ar > 1
? "flex-col mx-auto" ? "flex-col"
: "portrait:mx-auto landscape:mx-5 landscape:flex-row-reverse portrait:flex-col"; : "portrait:mx-auto landscape:mx-5 landscape:flex-row-reverse portrait:flex-col";
const verticalPad = ar > 1 ? "170px" : "70px"; const verticalPad = ar > 1 ? "250px" : "100px";
const shutterSpeed = React.useMemo( const shutterSpeed = React.useMemo(
() => getShutterFractionFromExposureTime(meta.ExposureTime || 0), () => getShutterFractionFromExposureTime(meta.ExposureTime || 0),
@ -149,7 +149,7 @@ const GalleryImage = ({ data, location: { state } }) => {
style={getHelmetSafeBodyStyle(vibrant)} style={getHelmetSafeBodyStyle(vibrant)}
/> />
</Helmet> </Helmet>
<div className="min-h-screen flex flex-col justify-between"> <div className="min-h-screen flex flex-col justify-between overflow-x-hidden">
<Nav <Nav
className="mb-4" className="mb-4"
internalLinks={[ internalLinks={[
@ -220,7 +220,7 @@ const GalleryImage = ({ data, location: { state } }) => {
</div> </div>
<div <div
className={classnames( className={classnames(
"px-2 flex flex-row portrait:items-end mx-auto", "px-2 flex flex-row portrait:items-end",
ar <= 1 ar <= 1
? "pt-5 flex-col flex-auto text-right" ? "pt-5 flex-col flex-auto text-right"
: "landscape:container portrait:pt-5 portrait:flex-col portrait:text-right" : "landscape:container portrait:pt-5 portrait:flex-col portrait:text-right"