diff options
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> ) } |