Hugging Face's logo

Spaces:
ewnewq
/
stable-diffusion-tpu
Runtime error

App Files Community
enzostvs HF Staff commited on
Commit
ecc9778
·
1 Parent(s): 0b1e7da

fix img modal

Browse files
Files changed (2) hide show
  1. app/layout.tsx +1 -1
  2. components/modal/modal.tsx +1 -1
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
@@ -63,7 +63,7 @@ export const Modal: React.FC<Props> = ({ id, onClose }) => {
63
  >
64
  <motion.div
65
  onClick={(e) => e.stopPropagation()}
66
- className="max-w-2xl h-auto w-full z-[1] rounded-3xl overflow-hidden relative flex items-center justify-center flex-col gap-4 bg-white/30 backdrop-blur-sm px-2 pb-2 pt-2"
67
  variants={dropIn}
68
  initial="hidden"
69
  animate="visible"
 
63
  >
64
  <motion.div
65
  onClick={(e) => e.stopPropagation()}
66
+ className="max-w-2xl h-auto w-full z-[10] rounded-3xl overflow-hidden relative flex items-center justify-center flex-col gap-4 bg-white/30 backdrop-blur-sm px-2 pb-2 pt-2"
67
  variants={dropIn}
68
  initial="hidden"
69
  animate="visible"