update: ExamPage>見た目を微調整

問題文と解答欄の間にborder表示+サイドバーを暗くして項目の間隔を開けた
watasuke102 · Feb 16, 2024 · 37e6ec4 · 37e6ec4
1 parent 544cc9f
commit 37e6ec4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/app/exam/_components/ExamPage/ExamPage.module.scss b/src/app/exam/_components/ExamPage/ExamPage.module.scss
@@ -42,6 +42,7 @@
   font-size: 1.7em;
   white-space: pre-wrap;
   word-wrap: break-word;
+  border-bottom: 2px dotted $color-fg;
 }
 .answer {
   grid-area: answer;

diff --git a/src/app/exam/_components/ExamStatusList/ExamStatusList.module.scss b/src/app/exam/_components/ExamStatusList/ExamStatusList.module.scss
@@ -12,7 +12,7 @@
   overflow-y: scroll;
   display: flex;
   flex-direction: column;
-  background-color: $color-1;
+  background-color: $color-0;
   font-size: 1.3em;
 }
 .normal {
@@ -58,6 +58,8 @@
 }
 
 .item {
+  border-bottom: 1px double $color-fg;
+  padding: 4px 0;
   &:hover {
     cursor: pointer;
   }