dodo/ghost-chess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

폰트 개선

Browse Source
This commit is contained in:
ayuriel 2025-05-31 20:00:49 +09:00
parent 6e7eb8893c
commit fc98f3c84d
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/globals.css
View File

@ -120,3 +120,7 @@
@apply bg-background text-foreground; @apply bg-background text-foreground;
} }
} }
.chess-piece {
font-family: 'GeistSans', 'GeistSans Fallback', sans-serif;
}

2
components/chess-square.tsx
View File

@ -27,7 +27,7 @@ export default function ChessSquare({ piece, position, isLight, isSelected, isVa
{piece && ( {piece && (
<span <span
className={cn( className={cn(
"select-none", "select-none chess-piece",
piece.color === "white" ? "text-white drop-shadow-[0_0_1px_rgba(0,0,0,0.8)]" : "text-black", piece.color === "white" ? "text-white drop-shadow-[0_0_1px_rgba(0,0,0,0.8)]" : "text-black",
)} )}
> >

4
components/game-info.tsx
View File

@ -87,7 +87,7 @@ export default function GameInfo({ currentPlayer, gameStatus, moveHistory, captu
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{capturedPieces[PieceColor.BLACK].length > 0 ? ( {capturedPieces[PieceColor.BLACK].length > 0 ? (
capturedPieces[PieceColor.BLACK].map((piece, i) => ( capturedPieces[PieceColor.BLACK].map((piece, i) => (
<span key={i} className="text-xl text-black"> <span key={i} className="text-xl text-black chess-piece">
{getPieceSymbol(piece)} {getPieceSymbol(piece)}
</span> </span>
)) ))
@ -104,7 +104,7 @@ export default function GameInfo({ currentPlayer, gameStatus, moveHistory, captu
<div className="flex flex-wrap gap-1"> <div className="flex flex-wrap gap-1">
{capturedPieces[PieceColor.WHITE].length > 0 ? ( {capturedPieces[PieceColor.WHITE].length > 0 ? (
capturedPieces[PieceColor.WHITE].map((piece, i) => ( capturedPieces[PieceColor.WHITE].map((piece, i) => (
<span key={i} className="text-xl text-white"> <span key={i} className="text-xl text-white chess-piece">
{getPieceSymbol(piece)} {getPieceSymbol(piece)}
</span> </span>
)) ))