peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 15:27:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

make website blue
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Peter Maquiran
2026-03-28 23:22:50 +01:00
parent d917d8c198
commit 66868e97af
3 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-site-nav.tsx
+3 -3
View File
@@ -118,7 +118,7 @@ export function TvoneSiteNav() {
<div className="sticky top-0 z-50"> <div className="sticky top-0 z-50">
<nav <nav
className={`border-b border-white/15 bg-[#0066D4] text-white transition-shadow duration-200 ${ className={`border-b border-white/15 bg-[#0066D4] pt-[env(safe-area-inset-top)] text-white transition-shadow duration-200 ${
navIsStuck ? "shadow-[0_4px_16px_rgba(0,0,0,0.18)]" : "shadow-none" navIsStuck ? "shadow-[0_4px_16px_rgba(0,0,0,0.18)]" : "shadow-none"
}`} }`}
aria-label="Navegação principal" aria-label="Navegação principal"
@@ -196,13 +196,13 @@ export function TvoneSiteNav() {
<> <>
<button <button
type="button" type="button"
className="fixed top-[52px] right-0 bottom-0 left-0 z-40 bg-black/25 sm:top-[58px] md:top-[64px] lg:hidden" className="fixed right-0 bottom-0 left-0 z-40 bg-black/25 top-[calc(env(safe-area-inset-top,0px)+52px)] sm:top-[calc(env(safe-area-inset-top,0px)+58px)] md:top-[calc(env(safe-area-inset-top,0px)+64px)] lg:hidden"
aria-label="Fechar menu" aria-label="Fechar menu"
onClick={closeMenu} onClick={closeMenu}
/> />
<div <div
id={menuId} id={menuId}
className="fixed top-[52px] right-0 left-0 z-50 max-h-[min(75dvh,calc(100dvh-52px))] overflow-y-auto rounded-b-xl border-b border-white/15 bg-[#0066D4] shadow-xl sm:top-[58px] sm:max-h-[min(75dvh,calc(100dvh-58px))] md:top-[64px] md:max-h-[min(75dvh,calc(100dvh-64px))] lg:hidden" className="fixed right-0 left-0 z-50 max-h-[min(75dvh,calc(100dvh-52px-env(safe-area-inset-top,0px)))] overflow-y-auto rounded-b-xl border-b border-white/15 bg-[#0066D4] shadow-xl top-[calc(env(safe-area-inset-top,0px)+52px)] sm:top-[calc(env(safe-area-inset-top,0px)+58px)] sm:max-h-[min(75dvh,calc(100dvh-58px-env(safe-area-inset-top,0px)))] md:top-[calc(env(safe-area-inset-top,0px)+64px)] md:max-h-[min(75dvh,calc(100dvh-64px-env(safe-area-inset-top,0px)))] lg:hidden"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-label="Menu" aria-label="Menu"
app/globals.css
+2
View File
@@ -4,6 +4,8 @@
--background: #ffffff; --background: #ffffff;
--foreground: #171717; --foreground: #171717;
--tvone-blue: #0066cc; --tvone-blue: #0066cc;
/** Same as site header / `theme-color` in layout.tsx — iPhone notch + Safari UI */
--tvone-header: #0066d4;
--tvone-magenta: #d9468f; --tvone-magenta: #d9468f;
--tvone-muted: #f5f5f7; --tvone-muted: #f5f5f7;
} }
app/layout.tsx
+15 -1
View File
@@ -1,4 +1,4 @@
import type { Metadata } from "next"; import type { Metadata, Viewport } from "next";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
@@ -7,9 +7,23 @@ const inter = Inter({
subsets: ["latin"], subsets: ["latin"],
}); });
/** Matches `TvoneSiteNav` — Safari/iOS uses this for the browser chrome tint from the first paint. */
const TVONE_HEADER_BLUE = "#0066D4";
export const viewport: Viewport = {
themeColor: TVONE_HEADER_BLUE,
colorScheme: "light",
viewportFit: "cover",
};
export const metadata: Metadata = { export const metadata: Metadata = {
title: "tvone — Notícias e entretenimento", title: "tvone — Notícias e entretenimento",
description: "O seu portal de notícias, música e cultura.", description: "O seu portal de notícias, música e cultura.",
appleWebApp: {
capable: true,
statusBarStyle: "black-translucent",
title: "tvone",
},
}; };
export default function RootLayout({ export default function RootLayout({