fix css for InterviewNotes page

Samfundet · Oct 12, 2023 · 7bfec93 · 7bfec93
1 parent 75d486f
commit 7bfec93
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 20 deletions.
diff --git a/frontend/src/PagesAdmin/InterviewNotesAdminPage/InterviewNotesAdminPage.module.scss b/frontend/src/PagesAdmin/InterviewNotesAdminPage/InterviewNotesAdminPage.module.scss
@@ -7,13 +7,13 @@
   font-family: inherit;
   border-radius: 10px;  
   transition: 0.2s;
-  padding: 10px;
+  padding: 20px;
   margin: 10px;
 }
 
 .textbox {
   width: 100%;
-  height: 150px;
+  height: 200px;
   border: 1px outset #ccc;
   border-radius: 4px;
   resize: none;
@@ -23,19 +23,13 @@
   object-fit: cover;
   font-family: Arial, Helvetica, sans-serif;
   white-space: pre-wrap;
+  overflow-y: auto;
 }
 
 .textbox textarea {
-  width: 100%;
-  height: 150px;
-  padding: 12px 20px;
-  box-sizing: border-box;
-  border: 2px solid #ccc;
-  border-radius: 4px;
   background-color: #f8f8f8;
-  font-size: 16px;
+  font-size: 25px;
   resize: none;
-  //resize: hidden; //maybe remove this
 }
 
 .textbox p {
@@ -50,12 +44,3 @@
   margin-top: 10px;
   border: 1px solid #333;
 }
-
-h1 {
-  font-size: 2em;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: 700;
-  margin-bottom: 1em;
-  margin-top: 10px;
-  margin-left: 10px;
-}
diff --git a/frontend/src/PagesAdmin/InterviewNotesAdminPage/InterviewNotesAdminPage.tsx b/frontend/src/PagesAdmin/InterviewNotesAdminPage/InterviewNotesAdminPage.tsx
@@ -18,7 +18,7 @@ export function InterviewNotesPage() {
     }
   }
 
-  function handleTextarea(e) {
+  function handleTextarea(e: React.ChangeEvent<HTMLTextAreaElement>) {
     setText(e.target.value);
   }
 

diff --git a/package-lock.json b/package-lock.json
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,7 +18,7 @@ export function InterviewNotesPage() { @@
         }
       }
-      function handleTextarea(e) {
+      function handleTextarea(e: React.ChangeEvent<HTMLTextAreaElement>) {
         setText(e.target.value);
       }
@@ Expand Down @@