diff options
Diffstat (limited to 'frontend/app/components')
3 files changed, 10 insertions, 4 deletions
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx index d0e5a9a..7bfae6b 100644 --- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx +++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx @@ -83,9 +83,11 @@ export default function GolfPlayAppGaming({ <div className="grow grid grid-cols-3 divide-x divide-gray-300"> <div className="p-4"> <div className="mb-2 text-xl font-bold">{problemTitle}</div> - <div className="p-2 grid gap-4"> + <div className="p-2 flex flex-col gap-4"> <BorderedContainer> - <pre className="text-gray-700">{problemDescription}</pre> + <pre className="text-gray-700 whitespace-pre-wrap break-words"> + {problemDescription} + </pre> </BorderedContainer> <BorderedContainer> <div> diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx index ade565f..226e1e2 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGaming1v1.tsx @@ -119,7 +119,9 @@ export default function GolfWatchAppGaming1v1({ {problemTitle} </div> <BorderedContainer> - <pre>{problemDescription}</pre> + <pre className="text-gray-700 whitespace-pre-wrap break-words"> + {problemDescription} + </pre> </BorderedContainer> </div> </div> diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx index f5766c0..7a36283 100644 --- a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx +++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx @@ -53,7 +53,9 @@ export default function GolfWatchAppGamingMultiplayer({ {problemTitle} </div> <BorderedContainer> - <pre>{problemDescription}</pre> + <pre className="text-gray-700 whitespace-pre-wrap break-words"> + {problemDescription} + </pre> </BorderedContainer> </div> </div> |