selected resource + title bolded

UoaWDCC · Oct 7, 2024 · 16f06f0 · 16f06f0
1 parent c8177df
commit 16f06f0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 39 deletions.
diff --git a/frontend/src/features/playScenario/modals/ResourcesModal/ResourcesModal.jsx b/frontend/src/features/playScenario/modals/ResourcesModal/ResourcesModal.jsx
@@ -65,7 +65,9 @@ function ResourcesModal({ handleClose, resources }) {
               role="tab"
               onClick={() => setCurrentResourceId(resource._id)}
               className={`tab ${
-                currentResourceId === resource._id ? "tab-active" : ""
+                currentResourceId === resource._id
+                ? "tab-active text-[#035084] border-white font-bold" 
+                  : ""
               }`}
             >
               {resource.name}

diff --git a/frontend/src/features/playScenario/modals/ResourcesModal/ResourcesModal.module.scss b/frontend/src/features/playScenario/modals/ResourcesModal/ResourcesModal.module.scss
@@ -19,12 +19,13 @@
 .modalHeading {
   text-align: center;
   font-size: 1.5rem;
+  font-weight: bold;
 }
 
 .closeButton {
   position: absolute;
-  top: 10px;
-  left: 10px;
+  top: 0px;
+  right: 10px;
   background: transparent;
   border: none;
   font-size: 2rem;
@@ -36,42 +37,6 @@
   color: #000;
 }
 
-.navBar {
-  display: flex;
-  padding: 10px;
-  width: 100%;
-  height: 12%;
-  overflow-x: auto;
-  overflow-y: hidden;
-  box-sizing: border-box;
-  white-space: nowrap;
-  background-color: #6fc9e5;
-  align-items: center;
-  flex-shrink: 0;
-  font-size: 1rem;
-}
-
-.navBar > p {
-  margin: 0;
-}
-
-.navBar button {
-  border: none;
-  padding: 10px 15px;
-  font-size: 1.2rem;
-  // border-radius: 10px;
-  cursor: pointer;
-  // transition: background-color 0.3s ease;
-  background-color: transparent;
-}
-
-.navBar .active {
-  // background-color: #e0e0e0;
-  // color: white;
-  font-weight: bold;
-  border-bottom: 5px solid black;
-}
-
 .r_content_card {
   height: 75%;
   display: flex;