update: 問題一覧ページに移動するボタンを表示するようにした

watasuke102 · Jan 31, 2021 · a3d252f · a3d252f
1 parent 67a368d
commit a3d252f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/CategolyDetail.tsx b/src/components/CategolyDetail.tsx
@@ -30,9 +30,11 @@ export default function CategolyDetail(props: CategolyDetailData) {
     let url: string = ''
     if (s == 'edit') {
       url = '/edit?id=' + data.id;
-    } else {
+    } else if(s == 'exam') {
       url = '/exam?id=' + data.id;
       url += '&shuffle=' + isShuffleEnabled;
+    } else {
+      url = '/examtable?id=' + data.id;
     }
     Router.push(url);
   };
@@ -106,6 +108,10 @@ export default function CategolyDetail(props: CategolyDetailData) {
             text: '編集する', icon: 'fas fa-pen',
             onClick: () => Push('edit'), type: 'material'
           }} />
+          <Button {...{
+            text: '問題の一覧表示', icon: 'fas fa-list',
+            onClick: () => Push('table'), type: 'material'
+          }} />
           <Button {...{
             text: 'この問題を解く', icon: 'fas fa-arrow-right',
             onClick: () => Push('exam'), type: 'filled'

diff --git a/src/style/CategolyDetail.module.css b/src/style/CategolyDetail.module.css
@@ -29,7 +29,7 @@
 }
 #desc {
   /* ウィンドウそのものの縦幅-(タイトルの縦幅+ボタンの縦幅) */
-  height: calc(80vh - 300px);
+  height: calc(80vh - 345px);
   font-size: 18px;
 }
 
@@ -82,8 +82,8 @@
 /* 横幅が狭かったらボタンを縦に並べる */
 @media screen and (max-width: 700px) {
   .buttons {
-    flex-direction: column;
+    flex-direction: column-reverse;
     justify-content: space-between;
-    height: 180px;
+    height: 225px;
   }
 }