imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

fix: add mobile responsiveness to TXT component

Browse source
This commit is contained in:
암냥 2025-12-20 01:18:03 +09:00
commit 947e376c29
No known key found for this signature in database
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/page.tsx
View file

@ -42,7 +42,7 @@ export default function Page() {
<a href="mailto:me@imnya.ng">me@imnya.ng</a> <a href="mailto:me@imnya.ng">me@imnya.ng</a>
</h1> </h1>
</div> </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 /> <Contact />
</div> </div>
<section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0"> <section id="about" className="w-full snap-start snap-always flex flex-col items-center justify-center px-8 lg:px-0">

5
src/components/txt.tsx
View file

@ -1,10 +1,15 @@
import Image from "next/image"; import Image from "next/image";
import { useIsMobile } from "@/hooks/use-mobile";
interface TXTProps { interface TXTProps {
onHover?: (position: { x: number; y: number } | null) => void; onHover?: (position: { x: number; y: number } | null) => void;
} }
export default function TXT({ onHover }: TXTProps) { export default function TXT({ onHover }: TXTProps) {
const isMobile = useIsMobile();
if (isMobile) return null;
return ( return (
<div <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" 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"