Fix aspect ratio

This commit is contained in:
Sacha Weatherstone 2022-04-03 02:22:56 +11:00
parent 84fd51a5c5
commit eec2a4bff3

View file

@ -31,7 +31,7 @@ export const HardwareModal = ({
return ( return (
<Modal open={open} onClose={close}> <Modal open={open} onClose={close}>
<div className="inline-block w-full max-w-md transform overflow-hidden rounded-2xl bg-base text-left align-middle transition-all md:max-w-2xl md:bg-primary lg:max-w-4xl xl:max-w-6xl"> <div className="inline-block w-full max-w-md transform overflow-hidden rounded-2xl bg-base text-left align-middle transition-all md:max-w-2xl md:bg-primary lg:max-w-4xl xl:max-w-6xl">
<div className="flex aspect-[3/2] flex-col md:flex-row"> <div className="flex aspect-[3/2] flex-col md:aspect-[2/1] md:flex-row">
<div <div
className={`relative flex h-full rounded-t-2xl bg-gradient-to-r md:rounded-l-2xl md:rounded-tr-none ${ className={`relative flex h-full rounded-t-2xl bg-gradient-to-r md:rounded-l-2xl md:rounded-tr-none ${
device.misc.Gradient device.misc.Gradient