diff options
Diffstat (limited to 'src/app/components')
| -rw-r--r-- | src/app/components/footer/footer.module.css | 20 | ||||
| -rw-r--r-- | src/app/components/footer/page.jsx | 13 | ||||
| -rw-r--r-- | src/app/components/header/header.jsx | 4 | ||||
| -rw-r--r-- | src/app/components/header/header.module.css | 6 |
4 files changed, 25 insertions, 18 deletions
diff --git a/src/app/components/footer/footer.module.css b/src/app/components/footer/footer.module.css index 75c9432..8b1b7b6 100644 --- a/src/app/components/footer/footer.module.css +++ b/src/app/components/footer/footer.module.css @@ -4,12 +4,22 @@ bottom: 0; width: 100%; background-color: #1a1a1a; - color: white; - text-align: center; + display: flex; + padding: 10px; + justify-content: space-between; + align-items: center; } -.footer p a { - padding: 10px; - text-decoration: none; +.FooterLeftContainer a { color: #696880; + margin: 10px; +} + +.FooterRightContainer { + margin-right: 10px; +} + +.FooterRightContainer a { + margin: 10px; + text-decoration: none; }
\ No newline at end of file diff --git a/src/app/components/footer/page.jsx b/src/app/components/footer/page.jsx index e3af4f9..1223f31 100644 --- a/src/app/components/footer/page.jsx +++ b/src/app/components/footer/page.jsx @@ -3,7 +3,7 @@ import styles from "./footer.module.css"; export default async function Footer() { return ( <div className={styles.footer}> - <p style={{ margin: 10 }}> + <div className={styles.FooterLeftContainer}> <a href="https://stats.uptimerobot.com/Fxp7SE5Ll3" target="_new" @@ -16,6 +16,9 @@ export default async function Footer() { > Github </a> + </div> + + <div className={styles.FooterRightContainer}> <a style={{ color: "#EBCB8B" }} href="https://dramalama.vercel.app" @@ -23,18 +26,12 @@ export default async function Footer() { Vercel </a> <a - style={{ color: "#BF616A" }} - href="https://dramalama.netlify.app" - > - Netlify - </a> - <a style={{ color: " #A3BE8C" }} href="https://dramalama-1phg.onrender.com" > Render </a> - </p> + </div> </div> ); } diff --git a/src/app/components/header/header.jsx b/src/app/components/header/header.jsx index f41352a..286aed6 100644 --- a/src/app/components/header/header.jsx +++ b/src/app/components/header/header.jsx @@ -21,9 +21,9 @@ export default function Header() { <Link href="/manga"> <p>Manga</p> </Link> - <Link href="/kdrama"> + {/* <Link href="/kdrama"> <p>Kdrama</p> - </Link> + </Link> */} </div> </div> <hr style={{ marginTop: "-3px" }} /> diff --git a/src/app/components/header/header.module.css b/src/app/components/header/header.module.css index 6a67bf6..ce855ed 100644 --- a/src/app/components/header/header.module.css +++ b/src/app/components/header/header.module.css @@ -15,9 +15,9 @@ } .rightNav a { - text-decoration: none; - color: white; - font-size: 20px; + text-decoration: underline; + color: var(--light-green); + font-size: 18px; } .rightNav p { |