diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2023-07-20 01:36:49 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2023-07-20 01:36:49 -0400 |
| commit | ebd5d0ce3677bc468c3b8868daf69590aaa870ec (patch) | |
| tree | e55b5e436a2955fb5d8a72fc1a3614d15d6d7a90 | |
| parent | f370833dbabb5f8241b86acb1cbc2f5e61b0af7c (diff) | |
| download | alure-website-ebd5d0ce3677bc468c3b8868daf69590aaa870ec.tar.gz alure-website-ebd5d0ce3677bc468c3b8868daf69590aaa870ec.tar.bz2 alure-website-ebd5d0ce3677bc468c3b8868daf69590aaa870ec.zip | |
Fixed PSA for mobile
| -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 && ( |