From 14570cd94a6240b50857d51c6c8ca1eda04d55d0 Mon Sep 17 00:00:00 2001 From: phthallo Date: Tue, 28 Jan 2025 11:52:08 -0500 Subject: [PATCH] style: final prettier run --- components/congressional-app-challenge/screen.js | 15 +++++++++++++-- pages/congressional-app-challenge.js | 15 +++++++-------- 2 files changed, 20 insertions(+), 10 deletions(-) diff --git a/components/congressional-app-challenge/screen.js b/components/congressional-app-challenge/screen.js index b50df505..79e22666 100644 --- a/components/congressional-app-challenge/screen.js +++ b/components/congressional-app-challenge/screen.js @@ -1,8 +1,19 @@ import { Box, Text, Image, Link } from 'theme-ui' -const Screen = ({ backgroundImage, title, sxProps, children, expand, expand2}) => { +const Screen = ({ + backgroundImage, + title, + sxProps, + children, + expand, + expand2 +}) => { let color = backgroundImage ? '' : '#fff' - let expan = expand2 ? ['100%', null, null, '68vh'] : (expand ? ['100%', null, null, '58vh'] : '58vh') // jank + let expan = expand2 + ? ['100%', null, null, '68vh'] + : expand + ? ['100%', null, null, '58vh'] + : '58vh' // jank let props = Object.assign( {}, { diff --git a/pages/congressional-app-challenge.js b/pages/congressional-app-challenge.js index 2c66a1e8..18660ecf 100644 --- a/pages/congressional-app-challenge.js +++ b/pages/congressional-app-challenge.js @@ -1,10 +1,4 @@ -import { - Box, - Link, - Heading, - Image, - Text -} from 'theme-ui' +import { Box, Link, Heading, Image, Text } from 'theme-ui' import Meta from '@hackclub/meta' import Countdown from 'react-countdown' @@ -458,7 +452,12 @@ function Page({ carouselCards }) { + sxProps={{ + width: ['100%', null, '80%'], + marginX: 'auto', + position: 'relative' + }} + />