From 818fd5cde19c3e9899aecb66f71ff595b5450ab0 Mon Sep 17 00:00:00 2001 From: Euichan Park <116147712+ekdnlt714714@users.noreply.github.com> Date: Fri, 31 Oct 2025 16:54:42 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B8=94=EB=A1=9C=EA=B7=B8=20=ED=8F=AC?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8,=20=EB=A1=9C=EA=B7=B8=EC=9D=B8,=20=ED=9A=8C?= =?UTF-8?q?=EC=9B=90=EA=B0=80=EC=9E=85=20UI=EA=B0=9C=EC=84=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/globals.css | 26 +++- src/app/layout.tsx | 10 +- src/app/login/page.tsx | 152 ++++++++++++++------- src/app/post/[postId]/PostDetailClient.tsx | 21 +-- src/app/signup/page.tsx | 6 +- src/components/Home/BubbleBackground.tsx | 91 ++++++------ src/components/PostDetail/Body.tsx | 2 +- src/components/PostDetail/Header.tsx | 2 +- tailwind.config.ts | 2 +- 9 files changed, 188 insertions(+), 124 deletions(-) diff --git a/src/app/globals.css b/src/app/globals.css index 9e70b49..cd7de00 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,5 +1,5 @@ @import "tailwindcss"; - +@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@2.0/nanumsquare.css'); :root { --background: #ffffff; @@ -25,10 +25,6 @@ body { color: var(--foreground); } -body { - font-family: var(--font-nanum-gothic), sans-serif; -} - /* Markdown Editor Toolbar Size Customization */ .w-md-editor-toolbar { padding: 8px 10px !important; @@ -44,3 +40,23 @@ body { width: 18px !important; height: 18px !important; } + +/* Bubble animation */ +.bubble { + position: absolute; + background-color: rgba(255, 255, 255, 0.5); + border-radius: 50%; + pointer-events: none; + animation: bubble-rise 2s ease-out forwards; +} + +@keyframes bubble-rise { + from { + transform: translateY(0) scale(1); + opacity: 1; + } + to { + transform: translateY(-200px) scale(0.5); + opacity: 0; + } +} diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 74ca53f..edb075d 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -2,19 +2,11 @@ import type { Metadata } from "next"; import "./globals.css"; import ClientAuthInit from '@/components/ClientAuthInit'; import NavBar from '@/components/Layout/NavBar' -import { Nanum_Gothic } from 'next/font/google'; import { Analytics } from "@vercel/analytics/next" import { SpeedInsights } from "@vercel/speed-insights/next" import Script from 'next/script' import { getSiteUrl, toAbsoluteUrl } from '@/utils/seo' -const nanumGothic = Nanum_Gothic({ - subsets: ['latin'], - weight: ['400', '700', '800'], // 필요한 굵기만 선택 - variable: '--font-nanum-gothic', // CSS 변수명으로 Tailwind와 연동 가능 - display: 'swap', -}); - export const metadata: Metadata = { metadataBase: new URL(process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'), title: { @@ -50,7 +42,7 @@ export default function RootLayout({