aboutsummaryrefslogtreecommitdiff
path: root/src/app/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/components')
-rw-r--r--src/app/components/footer/footer.module.css20
-rw-r--r--src/app/components/footer/page.jsx13
-rw-r--r--src/app/components/header/header.jsx4
-rw-r--r--src/app/components/header/header.module.css6
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 {