diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2023-07-17 18:29:39 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2023-07-17 18:30:36 -0400 |
| commit | 5580ad5448c80e0034b95d6a4597425bd164c8ca (patch) | |
| tree | 41d807387a85a4dc498670cd322e0af63d5d269d /components | |
| parent | dbcf40e7d0295221b3a0dd55dba8d48af6457e3f (diff) | |
| download | alure-website-5580ad5448c80e0034b95d6a4597425bd164c8ca.tar.gz alure-website-5580ad5448c80e0034b95d6a4597425bd164c8ca.tar.bz2 alure-website-5580ad5448c80e0034b95d6a4597425bd164c8ca.zip | |
Modified PSA; Replace RYK image
Diffstat (limited to 'components')
| -rw-r--r-- | components/PSA.js | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/components/PSA.js b/components/PSA.js index c259f19..8dad8b3 100644 --- a/components/PSA.js +++ b/components/PSA.js @@ -2,7 +2,7 @@ import psaMessage from './psa.json' assert { type: 'json' }; import Link from "next/link"; const PSA = () => { - let defaultStyle = "flex flex-row md:px-40 px-30 py-0.5 space-x-4"; + let defaultStyle = "flex flex-row md:px-40 px-30 py-0.5 space-x-2"; let styleImportant; let important; switch (psaMessage.important) { @@ -26,11 +26,15 @@ const PSA = () => { return ( <div className={defaultStyle}> <p className="text-lg font-medium">{important}</p> - <p>{psaMessage.announcement} {psaMessage.link && ( - <Link href={psaMessage.link}> - Learn more ↗ - </Link> - )}</p> + <div className="flex flex-row space-x-3"> + <p>{psaMessage.announcement}</p> + <p className="text-blue-200 hover:text-blue-500 active:text-blue-700"> + {psaMessage.link && ( + <Link href={psaMessage.link}> + Learn more ↗ + </Link> + )}</p> + </div> </div> ) } |