chore: update color

huuquyet · May 4, 2024 · 5895f97 · 5895f97
1 parent ff890b7
commit 5895f97
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/app/[aspect]/page.tsx b/src/app/[aspect]/page.tsx
@@ -17,13 +17,13 @@ export default function Page({ params }: { params: { aspect: string } }) {
  <>
  <div className="mx-auto flex flex-col flex-wrap w-full items-center md:flex-row">
  <div className="flex flex-col p-12 w-full items-start justify-center text-center md:w-2/5 md:text-left z-[1]">
- <p className="w-full uppercase text-sky-500">React Three Fiber</p>
+ <p className="w-full uppercase text-slate-500">React Three Fiber</p>
  <Link href="https://en.wikipedia.org/wiki/Magic_cube" target="_blank">
- <h1 className="my-4 text-5xl font-bold leading-tight text-slate-400">Magic Cube</h1>
+ <h1 className="my-4 text-5xl font-bold leading-tight text-sky-400">Magic Cube</h1>
  </Link>
  <p className="w-full uppercase text-slate-400">Aspect {aspect}</p>
  <Link href="/">
- <p className="mb-8 text-2xl leading-normal text-sky-400">Back to home</p>
+ <p className="mb-8 text-2xl leading-normal underline text-sky-500">← Back to home</p>
  </Link>
  </div>
  </div>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -25,8 +25,8 @@ const Aspect = ({ aspect }: { aspect: number }) => {
  <div className="mx-auto flex flex-col flex-wrap w-full items-center lg:w-4/5 md:flex-row">
  <div className="flex flex-col p-12 w-full items-start justify-center text-center md:w-2/5 md:text-left">
  <Link href={`/${aspect}`}>
- <h1 className="w-full my-4 text-5xl font-bold leading-tight text-sky-500">Magic Cube</h1>
- <p className="w-full uppercase text-slate-400">Aspect {aspect}</p>
+ <h1 className="w-full my-4 text-5xl font-bold leading-tight text-sky-600">Magic Cube</h1>
+ <p className="w-full underline text-slate-400">Aspect {aspect} →</p>
  </Link>
  </div>