Spaces:
Runtime error
Runtime error
fix img modal
Browse files- app/layout.tsx +1 -1
- components/modal/modal.tsx +2 -2
app/layout.tsx
CHANGED
|
@@ -44,7 +44,7 @@ export default function RootLayout({
|
|
| 44 |
}) {
|
| 45 |
return (
|
| 46 |
<html lang="en">
|
| 47 |
-
<Script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" />
|
| 48 |
<body className={inter.className}>
|
| 49 |
<Providers>{children}</Providers>
|
| 50 |
</body>
|
|
|
|
| 44 |
}) {
|
| 45 |
return (
|
| 46 |
<html lang="en">
|
| 47 |
+
{/* <Script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js" /> */}
|
| 48 |
<body className={inter.className}>
|
| 49 |
<Providers>{children}</Providers>
|
| 50 |
</body>
|
components/modal/modal.tsx
CHANGED
|
@@ -84,7 +84,7 @@ export const Modal: React.FC<Props> = ({ id, onClose }) => {
|
|
| 84 |
</div>
|
| 85 |
)}
|
| 86 |
<Image
|
| 87 |
-
src={`https://huggingface.co/datasets/enzostvs/stable-diffusion-tpu-generations/resolve/main/images/${collection?.file_name}.png?
|
| 88 |
alt="Generated image"
|
| 89 |
className="object-center object-contain w-full h-full rounded-2xl"
|
| 90 |
width={1024}
|
|
@@ -93,7 +93,7 @@ export const Modal: React.FC<Props> = ({ id, onClose }) => {
|
|
| 93 |
<div
|
| 94 |
className="bg-cover bg-center w-full h-full rounded-2xl bg-no-repeat z-[-1] absolute top-0 left-0 opacity-90 blur-xl"
|
| 95 |
style={{
|
| 96 |
-
backgroundImage: `url(https://huggingface.co/datasets/enzostvs/stable-diffusion-tpu-generations/resolve/main/images/${collection?.file_name}.png?
|
| 97 |
}}
|
| 98 |
/>
|
| 99 |
<div className="text-left w-full px-4 pb-3 pt-2">
|
|
|
|
| 84 |
</div>
|
| 85 |
)}
|
| 86 |
<Image
|
| 87 |
+
src={`https://huggingface.co/datasets/enzostvs/stable-diffusion-tpu-generations/resolve/main/images/${collection?.file_name}.png?expose=true`}
|
| 88 |
alt="Generated image"
|
| 89 |
className="object-center object-contain w-full h-full rounded-2xl"
|
| 90 |
width={1024}
|
|
|
|
| 93 |
<div
|
| 94 |
className="bg-cover bg-center w-full h-full rounded-2xl bg-no-repeat z-[-1] absolute top-0 left-0 opacity-90 blur-xl"
|
| 95 |
style={{
|
| 96 |
+
backgroundImage: `url(https://huggingface.co/datasets/enzostvs/stable-diffusion-tpu-generations/resolve/main/images/${collection?.file_name}.png?expose=true)`,
|
| 97 |
}}
|
| 98 |
/>
|
| 99 |
<div className="text-left w-full px-4 pb-3 pt-2">
|