jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-17 01:15:31 -04:00
Code Issues Activity

fix unnoticeable background color bug in dark mode

Browse Source
This commit is contained in:
Jake Jarvis
2022-02-05 14:50:29 -05:00
parent ca7d21b3d2
commit 42a7ff1bdc
26 changed files with 118 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components/Header/Header.module.css
View File

@@ -8,6 +8,7 @@
background-color: var(--background-header);
backdrop-filter: saturate(180%) blur(5px);
z-index: 1000;
/* light-dark theme switch fading */
transition: color 0.25s ease, background 0.25s ease, border 0.25s ease;
}

8
components/Header/Header.tsx
View File

@@ -1,11 +1,15 @@
import { memo } from "react";
import classNames from "classnames";
import Selfie from "../Selfie/Selfie";
import Menu from "../Menu/Menu";
import type { HTMLAttributes } from "react";
import styles from "./Header.module.css";
const Header = () => (
<header className={styles.header}>
type Props = HTMLAttributes<HTMLDivElement>;
const Header = ({ className }: Props) => (
<header className={classNames(styles.header, className)}>
<nav className={styles.nav}>
<Selfie className={styles.selfie} />
<Menu className={styles.menu} />