feat: header styling
19446
public/css/style.css
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 5.0 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 5.0 KiB |
@ -10,6 +10,12 @@
|
||||
--color-foreground: var(--foreground);
|
||||
--font-sans: var(--font-geist-sans);
|
||||
--font-mono: var(--font-geist-mono);
|
||||
--font-merriweather: var(--font-merriweather);
|
||||
--color-colorExt1: #0a0a0a;
|
||||
--color-colorExt2: #ffffff;
|
||||
--color-colorExt3: #d2ebf1;
|
||||
--color-colorHeader: var(--color-colorExt1);
|
||||
--color-colorHeaderText: var(--color-colorExt2);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import InitialScript from "@/components/layouts/InitialScript";
|
||||
import { Geist, Geist_Mono } from "next/font/google";
|
||||
import { Geist, Geist_Mono, Merriweather } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { Metadata } from "next";
|
||||
import { getDefaultMetadata } from "@/utils/metadata";
|
||||
@ -16,6 +16,12 @@ const geistMono = Geist_Mono({
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
const merriWeather = Merriweather({
|
||||
variable: "--font-merriweather",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "700", "900"],
|
||||
});
|
||||
|
||||
export async function generateMetadata(): Promise<Metadata> {
|
||||
const metadata = await getDefaultMetadata();
|
||||
return metadata;
|
||||
@ -43,7 +49,7 @@ export default function RootLayout({
|
||||
<link rel="stylesheet" href="css/style.css" />
|
||||
<link rel="stylesheet" href="css/fonts.css" />
|
||||
</head>
|
||||
<body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
|
||||
<body className={`${geistSans.variable} ${geistMono.variable} ${merriWeather.variable} antialiased`}>
|
||||
<div className="ie-panel">
|
||||
<a href="http://windows.microsoft.com/en-US/internet-explorer/">
|
||||
<img
|
||||
|
||||
@ -212,7 +212,7 @@ export default function Header() {
|
||||
<span></span>
|
||||
</button>
|
||||
|
||||
<div className="rd-navbar-brand">
|
||||
<div className="rd-navbar-brand lg:flex lg:flex-col lg:items-center">
|
||||
<a className="brand" href="index.html">
|
||||
<img
|
||||
className="brand-logo-dark"
|
||||
@ -231,6 +231,9 @@ export default function Header() {
|
||||
srcSet="images/logo-inverse-284x82.png 2x"
|
||||
/>
|
||||
</a>
|
||||
<h3 className="text-colorHeaderText! font-merriweather! italic! hidden lg:inline">
|
||||
Dynamic Realty Inc.
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div className="rd-navbar-nav-wrap">
|
||||
|
||||