style: add challenge title

GZTimeWalker · Oct 17, 2022 · 3ba937e · 3ba937e
1 parent a89471c
commit 3ba937e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 12 deletions.
diff --git a/GZCTF/ClientApp/src/pages/admin/games/[id]/challenges/[chalId]/Flags.tsx b/GZCTF/ClientApp/src/pages/admin/games/[id]/challenges/[chalId]/Flags.tsx
@@ -464,12 +464,15 @@ const GameChallengeEdit: FC = () => {
       headProps={{ position: 'apart' }}
       head={
         <>
-          <Button
-            leftIcon={<Icon path={mdiKeyboardBackspace} size={1} />}
-            onClick={() => navigate(`/admin/games/${id}/challenges`)}
-          >
-            返回上级
-          </Button>
+          <Group position="left">
+            <Button
+              leftIcon={<Icon path={mdiKeyboardBackspace} size={1} />}
+              onClick={() => navigate(`/admin/games/${id}/challenges`)}
+            >
+              返回上级
+            </Button>
+            <Title># {challenge?.title}</Title>
+          </Group>
           <Group position="right">
             <Button
               leftIcon={<Icon path={mdiPuzzleEditOutline} size={1} />}

diff --git a/GZCTF/ClientApp/src/pages/admin/games/[id]/challenges/[chalId]/Index.tsx b/GZCTF/ClientApp/src/pages/admin/games/[id]/challenges/[chalId]/Index.tsx
@@ -15,6 +15,7 @@ import {
   Grid,
   Code,
   Switch,
+  Title,
 } from '@mantine/core'
 import { useClipboard } from '@mantine/hooks'
 import { useModals } from '@mantine/modals'
@@ -176,12 +177,15 @@ const GameChallengeEdit: FC = () => {
       headProps={{ position: 'apart' }}
       head={
         <>
-          <Button
-            leftIcon={<Icon path={mdiKeyboardBackspace} size={1} />}
-            onClick={() => navigate(`/admin/games/${id}/challenges`)}
-          >
-            返回上级
-          </Button>
+          <Group position="left">
+            <Button
+              leftIcon={<Icon path={mdiKeyboardBackspace} size={1} />}
+              onClick={() => navigate(`/admin/games/${id}/challenges`)}
+            >
+              返回上级
+            </Button>
+            <Title># {challengeInfo?.title}</Title>
+          </Group>
           <Group position="right">
             <Button
               disabled={disabled}