uwidme/kaisoft-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Z-DAY 스크린샷 배경 추가, 다크모드 fix, 로고 typo fix

Browse Source
This commit is contained in:
hokwang 2026-05-25 14:40:17 +09:00
parent 7a4baa50f7
commit 04fca8cffa
4 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/zday-screenshot.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

15
src/components/Games.tsx
View File

@ -13,14 +13,13 @@ export default function Games() {
<div className="max-w-2xl mx-auto"> <div className="max-w-2xl mx-auto">
<div className="bg-white dark:bg-gray-900 rounded-3xl overflow-hidden shadow-xl border border-gray-100 dark:border-gray-800"> <div className="bg-white dark:bg-gray-900 rounded-3xl overflow-hidden shadow-xl border border-gray-100 dark:border-gray-800">
{/* Game banner */} {/* Game banner */}
<div className="relative h-48 bg-gradient-to-br from-gray-800 via-gray-700 to-red-900 flex items-center justify-center overflow-hidden"> <div className="relative h-56 flex items-center justify-center overflow-hidden">
<div className="absolute inset-0 flex items-center justify-center opacity-10"> <img
<div className="grid grid-cols-8 gap-1"> src="/zday-screenshot.jpg"
{Array.from({ length: 64 }).map((_, i) => ( alt="Z-DAY gameplay"
<div key={i} className="w-6 h-6 bg-white rounded-sm" /> className="absolute inset-0 w-full h-full object-cover object-center"
))} />
</div> <div className="absolute inset-0 bg-gradient-to-t from-black/80 via-black/30 to-black/10" />
</div>
<div className="relative text-center"> <div className="relative text-center">
<p className="text-6xl font-black text-white tracking-widest drop-shadow-lg">Z-DAY</p> <p className="text-6xl font-black text-white tracking-widest drop-shadow-lg">Z-DAY</p>
<div className="mt-1 inline-block bg-red-500/80 text-white text-xs font-bold px-3 py-0.5 rounded-full uppercase tracking-wider"> <div className="mt-1 inline-block bg-red-500/80 text-white text-xs font-bold px-3 py-0.5 rounded-full uppercase tracking-wider">

5
src/components/Header.tsx
View File

@ -25,9 +25,8 @@ export default function Header({ theme, onToggleTheme }: Props) {
<header className="sticky top-0 z-50 bg-white/80 dark:bg-gray-950/80 backdrop-blur border-b border-gray-200 dark:border-gray-800"> <header className="sticky top-0 z-50 bg-white/80 dark:bg-gray-950/80 backdrop-blur border-b border-gray-200 dark:border-gray-800">
<div className="max-w-6xl mx-auto px-4 h-16 flex items-center justify-between"> <div className="max-w-6xl mx-auto px-4 h-16 flex items-center justify-between">
{/* Logo */} {/* Logo */}
<a href="#" className="flex items-center gap-2 font-bold text-xl tracking-tight"> <a href="#" className="flex items-center font-bold text-xl tracking-tight">
<span className="text-orange-500">Kai</span> <span className="text-orange-500">Kai</span><span className="text-gray-900 dark:text-white">Soft</span>
<span className="text-gray-900 dark:text-white">Soft</span>
</a> </a>
{/* Desktop nav */} {/* Desktop nav */}

2
src/index.css
View File

@ -1,5 +1,7 @@
@import "tailwindcss"; @import "tailwindcss";
@variant dark (&:where(.dark, .dark *));
@layer base { @layer base {
:root { :root {
--accent: #f97316; --accent: #f97316;