(refactor) improving content responsivness

This commit is contained in:
Knee Cola
2025-12-07 18:41:20 +01:00
parent 51a64613ec
commit 9d06de1265
4 changed files with 8 additions and 10 deletions

View File

@@ -10,7 +10,7 @@ export const InfoBox: FC<{
const t = useTranslations("info-box");
return (
<details className="group border border-gray-800 rounded-lg p-2 mb-1 w-[17rem] sm:w-[28rem]">
<details className="group border border-gray-800 rounded-lg p-2 mb-1 w-full max-w-md">
<summary className="flex cursor-pointer items-center justify-between">
<span className="font-bold"><QuestionMarkCircleIcon className="w-6 h-6 inline mr-1 mt-[-.3em] text-green-300" /> {title ?? t("default-title")}</span>
<span className="ml-2 text-sm text-gray-500 group-open:hidden"><ChevronDownIcon className="w-5 h-5 inline" /></span>