diff options
| -rw-r--r-- | app/components/PSA.js | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/app/components/PSA.js b/app/components/PSA.js index 06bf9ba..ee20683 100644 --- a/app/components/PSA.js +++ b/app/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-2"; + let defaultStyle = "flex flex-row md:px-40 sm:px-30 sm:py-0.5 p-3 space-x-2"; let styleImportant; let important; switch (psaMessage.important) { @@ -30,8 +30,8 @@ const PSA = () => { return ( <div className={defaultStyle}> - <p className="text-lg font-medium">{important}</p> - <div className="flex flex-row space-x-3"> + <p className="text-lg font-medium sm:p-0">{important}</p> + <div className="flex sm:flex-row flex-col sm:space-x-3"> <p>{psaMessage.announcement}</p> <p className="text-blue-200 hover:text-blue-500 active:text-blue-700"> {psaMessage.link && ( |