squid/blog
1
2
Fork 0
Code Issues 11 Pull Requests Actions Projects 1 Releases 2 Wiki Activity

BLOG-5 Apply the first view #15

Merged
squid merged 6 commits from BLOG-5_apply_the_first_view into main 2025-01-18 03:41:56 +08:00
Conversation 0 Commits 6 Files Changed 14 +6 -4
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 90c8a2f627 - Show all commits

10
frontend/src/app/page.tsx
View File

@ -1,15 +1,17 @@
export default function HomePage() {
return (
<div className="flex min-h-[--content-height] flex-col justify-center gap-y-2.5 px-4">
<h2 className="text-3xl font-bold text-gray-800">Hello 大家好！</h2>
<h1 className="flex flex-row items-center gap-x-2 text-4xl font-bold text-gray-800">
<div className="mx-auto flex min-h-[--content-height] max-w-screen-xl flex-col justify-center gap-y-2.5 px-4 md:gap-y-8 md:px-6">
<h2 className="text-3xl font-bold text-gray-800 md:text-6xl">
Hello 大家好！
</h2>
<h1 className="flex flex-row items-center gap-x-2 text-4xl font-bold text-gray-800 md:text-7xl">
<span>我是</span>
<div className="rounded-lg bg-blue-600 px-1.5 py-1">
<span className="text-white">Squid</span>
</div>
<span>魷魚</span>
</h1>
<div className="relative">
<div className="relative w-full max-w-screen-md">
<div className="absolute inset-0 bg-gradient-to-r from-transparent via-transparent via-60% to-white" />
<div className="flex flex-row items-center gap-x-2 overflow-hidden">
<Hashtag tag="React" />