yiekheng/sunnymh-manga-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Second Commit

Browse Source
This commit is contained in:
yiekheng 2026-04-11 16:59:44 +08:00
parent f1c649429e
commit 09fb507e05
5 changed files with 17 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/globals.css
View File

@ -1,15 +1,15 @@
@import "tailwindcss"; @import "tailwindcss";
:root { :root {
--background: #0f0f14; --background: #ffffff;
--foreground: #e8e6e3; --foreground: #202124;
--surface: #1a1a24; --surface: #f5f5f5;
--surface-hover: #242433; --surface-hover: #e8e8e8;
--border: #2a2a3c; --border: #e0e0e0;
--accent: #7c5cfc; --accent: #3ea6ff;
--accent-hover: #9478ff; --accent-hover: #1a91f0;
--muted: #8b8b9e; --muted: #888888;
--card: #16161f; --card: #fafafa;
} }
@theme inline { @theme inline {
@ -45,9 +45,12 @@ body {
background: var(--background); background: var(--background);
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: var(--border); background: #ccc;
border-radius: 3px; border-radius: 3px;
} }
::-webkit-scrollbar-thumb:hover {
background: #aaa;
}
/* Smooth scroll for the whole page */ /* Smooth scroll for the whole page */
html { html {

2
app/layout.tsx
View File

@ -28,7 +28,7 @@ export const viewport: Viewport = {
initialScale: 1, initialScale: 1,
maximumScale: 1, maximumScale: 1,
viewportFit: "cover", viewportFit: "cover",
themeColor: "#0f0f14", themeColor: "#ffffff",
}; };
export default function RootLayout({ export default function RootLayout({

2
components/BottomNav.tsx
View File

@ -47,7 +47,7 @@ export function BottomNav() {
} }
return ( return (
<nav className="fixed bottom-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-xl border-t border-border sm:hidden pb-safe"> <nav className="fixed bottom-0 left-0 right-0 z-50 bg-background/95 backdrop-blur-xl shadow-[0_-1px_3px_rgba(0,0,0,0.08)] sm:hidden pb-safe">
<div className="flex items-center justify-around h-14"> <div className="flex items-center justify-around h-14">
{navItems.map((item) => { {navItems.map((item) => {
const isActive = const isActive =

2
components/Header.tsx
View File

@ -18,7 +18,7 @@ export function Header() {
} }
return ( return (
<header className="sticky top-0 z-40 bg-background/95 backdrop-blur-xl border-b border-border"> <header className="sticky top-0 z-40 bg-background/95 backdrop-blur-xl shadow-sm">
{/* Top row: logo + search */} {/* Top row: logo + search */}
<div className="max-w-6xl mx-auto px-4 h-14 flex items-center gap-3"> <div className="max-w-6xl mx-auto px-4 h-14 flex items-center gap-3">
<Link href="/" className="flex items-center gap-2.5 shrink-0"> <Link href="/" className="flex items-center gap-2.5 shrink-0">

19
docker-compose.yml
View File

@ -5,27 +5,10 @@ services:
ports: ports:
- "3001:3000" - "3001:3000"
environment: environment:
DATABASE_URL: postgresql://manga_user:${POSTGRES_PASSWORD}@manga-db:5432/manga_db DATABASE_URL: ${DATABASE_URL}
R2_ACCOUNT_ID: ${R2_ACCOUNT_ID} R2_ACCOUNT_ID: ${R2_ACCOUNT_ID}
R2_ACCESS_KEY: ${R2_ACCESS_KEY} R2_ACCESS_KEY: ${R2_ACCESS_KEY}
R2_SECRET_KEY: ${R2_SECRET_KEY} R2_SECRET_KEY: ${R2_SECRET_KEY}
R2_BUCKET: ${R2_BUCKET} R2_BUCKET: ${R2_BUCKET}
R2_PUBLIC_URL: ${R2_PUBLIC_URL} R2_PUBLIC_URL: ${R2_PUBLIC_URL}
depends_on:
- manga-db
restart: unless-stopped restart: unless-stopped
manga-db:
image: postgres:16
ports:
- "5433:5432"
volumes:
- manga_pgdata:/var/lib/postgresql/data
environment:
POSTGRES_USER: manga_user
POSTGRES_PASSWORD: ${POSTGRES_PASSWORD}
POSTGRES_DB: manga_db
restart: unless-stopped
volumes:
manga_pgdata: