mirror of
https://github.com/luminous-devs/lume.git
synced 2024-09-19 19:46:34 +00:00
decreased image preview size
This commit is contained in:
parent
7b91196415
commit
de82efff93
@ -3,11 +3,7 @@ import { memo } from 'react';
|
|||||||
|
|
||||||
export const ImagePreview = memo(function ImagePreview({ url, size }: { url: string; size: string }) {
|
export const ImagePreview = memo(function ImagePreview({ url, size }: { url: string; size: string }) {
|
||||||
return (
|
return (
|
||||||
<div
|
<div className={`relative h-full ${size === 'large' ? 'w-4/5' : 'w-1/2'} mt-2 rounded-lg border border-zinc-800`}>
|
||||||
className={`relative h-full ${
|
|
||||||
size === 'large' ? 'w-full' : 'w-2/3'
|
|
||||||
} mt-2 rounded-lg border border-zinc-800 xl:w-2/3`}
|
|
||||||
>
|
|
||||||
<Image
|
<Image
|
||||||
src={url}
|
src={url}
|
||||||
alt={url}
|
alt={url}
|
||||||
|
Loading…
Reference in New Issue
Block a user