Spaces:
Runtime error
Runtime error
try to fix mobile scroll on space
Browse files- app/page.tsx +1 -1
- assets/globals.css +1 -1
- components/modal/modal.tsx +1 -1
app/page.tsx
CHANGED
@@ -5,7 +5,7 @@ import NoSSR from "@/components/no-ssr";
|
|
5 |
|
6 |
export default function Home() {
|
7 |
return (
|
8 |
-
<div id="content" className="pb-32 h-
|
9 |
<Header />
|
10 |
<NoSSR>
|
11 |
<Main />
|
|
|
5 |
|
6 |
export default function Home() {
|
7 |
return (
|
8 |
+
<div id="content" className="pb-32 h-screem overflow-auto">
|
9 |
<Header />
|
10 |
<NoSSR>
|
11 |
<Main />
|
assets/globals.css
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
@tailwind utilities;
|
4 |
|
5 |
body, html {
|
6 |
-
@apply bg-black
|
7 |
}
|
8 |
|
9 |
.loading-dots {
|
|
|
3 |
@tailwind utilities;
|
4 |
|
5 |
body, html {
|
6 |
+
@apply bg-black h-screen;
|
7 |
}
|
8 |
|
9 |
.loading-dots {
|
components/modal/modal.tsx
CHANGED
@@ -1,6 +1,7 @@
|
|
1 |
import { useMemo } from "react";
|
2 |
import { motion } from "framer-motion";
|
3 |
import Image from "next/image";
|
|
|
4 |
import { BsFillTrashFill } from "react-icons/bs";
|
5 |
import { AiFillCheckCircle } from "react-icons/ai";
|
6 |
import {
|
@@ -11,7 +12,6 @@ import {
|
|
11 |
import { useCollection } from "./useCollection";
|
12 |
import { Button } from "../button";
|
13 |
import { useUser } from "@/utils/useUser";
|
14 |
-
import { useKeyPressEvent } from "react-use";
|
15 |
|
16 |
interface Props {
|
17 |
id: string;
|
|
|
1 |
import { useMemo } from "react";
|
2 |
import { motion } from "framer-motion";
|
3 |
import Image from "next/image";
|
4 |
+
import { useKeyPressEvent } from "react-use";
|
5 |
import { BsFillTrashFill } from "react-icons/bs";
|
6 |
import { AiFillCheckCircle } from "react-icons/ai";
|
7 |
import {
|
|
|
12 |
import { useCollection } from "./useCollection";
|
13 |
import { Button } from "../button";
|
14 |
import { useUser } from "@/utils/useUser";
|
|
|
15 |
|
16 |
interface Props {
|
17 |
id: string;
|