fix: banner text on small screens
This commit is contained in:
parent
aa6aeb5988
commit
ba5c5e40fd
1 changed files with 2 additions and 2 deletions
|
|
@ -14,8 +14,8 @@ export default function AdminBanner() {
|
||||||
if (!data || !data.message) return null;
|
if (!data || !data.message) return null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-full h-10 bg-orange-300 border-y-2 border-y-orange-400 mt-1 shadow-md flex justify-center items-center gap-2 text-orange-900 font-semibold">
|
<div className="w-full h-10 bg-orange-300 border-y-2 border-y-orange-400 mt-1 shadow-md flex justify-center items-center gap-2 text-orange-900 text-nowrap overflow-x-auto font-semibold max-sm:justify-start">
|
||||||
<Icon icon="humbleicons:exclamation" className="text-2xl" />
|
<Icon icon="humbleicons:exclamation" className="text-2xl min-w-6" />
|
||||||
<span>{data.message}</span>
|
<span>{data.message}</span>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue