MrDiderot/Michess
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add border separators for header & footer

Browse Source
This commit is contained in:
Nathaniel Tampus
2023-04-09 15:50:12 +08:00
parent eef4f0ff1a
commit 2b4fb67e1f
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/Footer.tsx
View File

@@ -2,7 +2,7 @@ import { IconBrandGithub } from "@tabler/icons-react";
export default function Footer() { export default function Footer() {
return ( return (
<footer className="footer text-base-content mx-1 mt-4 w-auto grid-flow-col items-center justify-between p-4 md:mx-16 lg:mx-40"> <footer className="footer border-base-300 dark:border-neutral text-base-content mx-1 mt-4 w-auto grid-flow-col items-center justify-between border-t-2 p-4 md:mx-16 lg:mx-40">
<div className="items-center"> <div className="items-center">
<p> <p>
&copy; 2023{" "} &copy; 2023{" "}

2
client/src/components/Header.tsx
View File

@@ -4,7 +4,7 @@ import ThemeToggle from "./ThemeToggle";
export default function Header() { export default function Header() {
return ( return (
<header className="navbar mx-1 w-auto justify-center drop-shadow-sm md:mx-16 lg:mx-40"> <header className="navbar border-base-300 dark:border-neutral mx-1 w-auto justify-center border-b-2 md:mx-16 lg:mx-40">
<div className="flex flex-1 items-center gap-2"> <div className="flex flex-1 items-center gap-2">
<Link <Link
href="/" href="/"