diff options
Diffstat (limited to 'frontend/app/components/Gaming/ProblemColumn.tsx')
| -rw-r--r-- | frontend/app/components/Gaming/ProblemColumn.tsx | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/frontend/app/components/Gaming/ProblemColumn.tsx b/frontend/app/components/Gaming/ProblemColumn.tsx index 2a57afd..922cbe7 100644 --- a/frontend/app/components/Gaming/ProblemColumn.tsx +++ b/frontend/app/components/Gaming/ProblemColumn.tsx @@ -1,4 +1,4 @@ -import BorderedContainerWithCaption from "../BorderedContainerWithCaption"; +import FoldableBorderedContainerWithCaption from "../FoldableBorderedContainerWithCaption"; import TitledColumn from "../TitledColumn"; import CodeBlock from "./CodeBlock"; import InlineCode from "./InlineCode"; @@ -16,15 +16,15 @@ export default function ProblemColumn({ }: Props) { return ( <TitledColumn title={title}> - <BorderedContainerWithCaption caption="問題"> + <FoldableBorderedContainerWithCaption caption="問題"> <pre className="text-gray-700 whitespace-pre-wrap break-words"> {description} </pre> - </BorderedContainerWithCaption> - <BorderedContainerWithCaption caption="サンプルコード"> + </FoldableBorderedContainerWithCaption> + <FoldableBorderedContainerWithCaption caption="サンプルコード"> <CodeBlock code={sampleCode} language="php" /> - </BorderedContainerWithCaption> - <BorderedContainerWithCaption caption="スコア計算・PHP 環境"> + </FoldableBorderedContainerWithCaption> + <FoldableBorderedContainerWithCaption caption="スコア計算・PHP 環境"> <div className="text-gray-700 flex flex-col gap-2"> <p> スコアはコード中の全 ASCII @@ -54,7 +54,7 @@ export default function ProblemColumn({ に設定されています。 </p> </div> - </BorderedContainerWithCaption> + </FoldableBorderedContainerWithCaption> </TitledColumn> ); } |