fix: add mobile responsiveness to TXT component
This commit is contained in:
parent
82b5b0719c
commit
947e376c29
2 changed files with 6 additions and 1 deletions
|
|
@ -42,7 +42,7 @@ export default function Page() {
|
|||
<a href="mailto:me@imnya.ng">me@imnya.ng</a>
|
||||
</h1>
|
||||
</div>
|
||||
<div className="max-w-3xl w-full flex mx-auto mb-8">
|
||||
<div className="max-w-3xl w-full flex mx-auto mb-8 px-8 lg:px-0">
|
||||
<Contact />
|
||||
</div>
|
||||
<section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">
|
||||
|
|
|
|||
|
|
@ -1,10 +1,15 @@
|
|||
import Image from "next/image";
|
||||
import { useIsMobile } from "@/hooks/use-mobile";
|
||||
|
||||
interface TXTProps {
|
||||
onHover?: (position: { x: number; y: number } | null) => void;
|
||||
}
|
||||
|
||||
export default function TXT({ onHover }: TXTProps) {
|
||||
const isMobile = useIsMobile();
|
||||
|
||||
if (isMobile) return null;
|
||||
|
||||
return (
|
||||
<div
|
||||
className="flex flex-col items-center justify-center gap-4 absolute top-4 left-4 p-2 cursor-pointer font-galmuri drag-none select-none"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue