From 207266a1c91bd7b69cc10f91532733a1dbe0c56c Mon Sep 17 00:00:00 2001 From: Lee Youl <2yulrang@gmail.com> Date: Tue, 19 Nov 2024 19:38:48 +0900 Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20Feat:=20Not=20Found=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/not-found.tsx | 73 +++++++++++++++++++++++++++++++++++++++++++ tailwind.config.ts | 6 ++++ 2 files changed, 79 insertions(+) create mode 100644 src/app/not-found.tsx diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx new file mode 100644 index 00000000..f980a78e --- /dev/null +++ b/src/app/not-found.tsx @@ -0,0 +1,73 @@ +import Link from 'next/link'; + +export default function NotFound() { + return ( +
+
+ + + + + + + + + + + + + + + + + 404 + + + + + +
+

+ "페이지를 찾을 수 없습니다. 😢" +

+ + 홈으로 가기 + +
+
+
+ ); +} diff --git a/tailwind.config.ts b/tailwind.config.ts index dda96831..a476f371 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -82,6 +82,7 @@ const config: Config = { base: ['1rem', { lineHeight: '1.5rem' }], sm: ['0.875rem', { lineHeight: '1.25rem' }], xs: ['0.75rem', { lineHeight: '1rem' }], + 404: ['18.75rem', { lineHeight: '18.75rem' }], }, fontWeight: { bold: '700', @@ -128,9 +129,14 @@ const config: Config = { '0%': { opacity: '0' }, '100%': { opacity: '1' }, }, + wave: { + '0%': { transform: 'translate(0)' }, + '100%': { transform: 'translate(-30%)' }, + }, }, animation: { fade: 'show 0.5s ease-in', + wave: 'wave 0.8s linear infinite', }, }, }, From f48404415ecbd2ac86c73e33876dd6f053115de7 Mon Sep 17 00:00:00 2001 From: Lee Youl <2yulrang@gmail.com> Date: Wed, 20 Nov 2024 09:51:05 +0900 Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20Design:=20=EB=94=94=EC=9E=90?= =?UTF-8?q?=EC=9D=B8=20=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/not-found.tsx | 38 ++++++++++++++++++++++---------------- 1 file changed, 22 insertions(+), 16 deletions(-) diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx index f980a78e..715b149d 100644 --- a/src/app/not-found.tsx +++ b/src/app/not-found.tsx @@ -1,16 +1,22 @@ +'use client'; + import Link from 'next/link'; +import { useMediaQuery } from '@mantine/hooks'; +import { theme } from '../styles/theme'; export default function NotFound() { + const isMobile = useMediaQuery(`(max-width: ${theme.breakpoints.md})`); + return ( -
-
+
+
- - - + + + 404 -
+

"페이지를 찾을 수 없습니다. 😢"