gitadmin/moviebox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove unused SVG files and add a new logo image; update global styles and layout to include a responsive Navbar component.

Browse Source
This commit is contained in:
Norbert Maciaszek
2025-08-05 18:25:28 +02:00
parent 2c329e9ff3
commit 96ef090cef
9 changed files with 100 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/app/globals.css
View File

@@ -1,26 +1,90 @@
@import "tailwindcss";
@import "tw-animate-css";
:root {
--background: #ffffff;
--foreground: #171717;
@custom-variant dark (&:is(.dark *));
@theme {
--color-background: #0e1428;
--color-primary: #d95d39;
--color-accent: #7b9e89;
--color-text: #eaeaea;
--color-textSecondary: #aaaaaa;
--color-statusSeen: #4ade80;
--color-statusUpcoming: #facc15;
--color-statusArchived: #525252;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--font-sans: var(--font-geist-sans);
--font-mono: var(--font-geist-mono);
}
@layer base {
body {
@apply bg-background text-text;
}
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.container-fluid {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.row {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.col-12 {
width: 100%;
padding: 0 15px;
}
.col-11 {
width: 91.6666666667%;
padding: 0 15px;
}
.col-10 {
width: 83.3333333333%;
padding: 0 15px;
}
.col-9 {
width: 75%;
padding: 0 15px;
}
.col-8 {
width: 66.6666666667%;
padding: 0 15px;
}
.col-7 {
width: 58.3333333333%;
padding: 0 15px;
}
.col-6 {
width: 50%;
padding: 0 15px;
}
.col-5 {
width: 41.6666666667%;
padding: 0 15px;
}
.col-4 {
width: 33.3333333333%;
padding: 0 15px;
}
.col-3 {
width: 25%;
padding: 0 15px;
}
.col-2 {
width: 16.6666666667%;
padding: 0 15px;
}
.col-1 {
width: 8.3333333333%;
padding: 0 15px;
}
}
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
}

3
src/app/layout.tsx
View File

@@ -1,6 +1,7 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Navbar } from "@/components/organisms/Navbar";
const geistSans = Geist({
variable: "--font-geist-sans",
@@ -27,6 +28,8 @@ export default function RootLayout({
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
<Navbar />
{children}
</body>
</html>

14
src/components/organisms/Navbar/index.tsx Normal file
View File

@@ -0,0 +1,14 @@
export const Navbar = () => {
return (
<header className="py-4">
<div className="container">
<img
className="mx-auto"
src="/logo.png"
alt="Movie Box"
style={{ maxWidth: 200 }}
/>
</div>
</header>
);
};