Fix heatmap height on compare page

COS301-SE-2023 · Sep 19, 2023 · 5bc0743 · 5bc0743
1 parent 94354cb
commit 5bc0743
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 3 deletions.
diff --git a/libs/app/components/src/lib/event-help/event-help.component.html b/libs/app/components/src/lib/event-help/event-help.component.html
@@ -6,8 +6,42 @@
     (click)="closeModal()"
   ></div>
   <div
-    class="bg-gradient-to-br from-ept-blue-grey from-[-30%] to-[#7a849c] z-50 rounded-2xl p-5"
+    class="w-[70%] my-5 h-[90%] bg-ept-deep-grey z-50 rounded-xl p-6 text-ept-blue-grey overflow-y-scroll"
   >
-    <div class="text-3xl">Ask Lukas for help</div>
+    <div class="text-7xl font-poppins font-semibold text-center mb-10 mt-3">Help</div>
+    <div class="mt-2 mx-10">
+      <div
+        class="collapse collapse-arrow bg-ept-navy-blue text-ept-blue-grey"
+      >
+        <input type="checkbox" />
+        <div class="collapse-title text-xl font-medium">
+          <span class="text-ept-off-white font-poppins"
+            >How do I create a new event?</span
+          >
+        </div>
+        <div class="collapse-content">
+          <div class="text-ept-off-white font-montserrat">
+            Ask Lukas
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="mt-2 mx-10">
+      <div
+        class="collapse collapse-arrow bg-ept-navy-blue text-ept-blue-grey"
+      >
+        <input type="checkbox" />
+        <div class="collapse-title text-xl font-medium">
+          <span class="text-ept-off-white font-poppins"
+            >The event I want to view is greyed out</span
+          >
+        </div>
+        <div class="collapse-content">
+          <div class="text-ept-off-white font-montserrat">
+            Ask Lukas
+          </div>
+        </div>
+      </div>
+    </div>
   </div>
 </div>
diff --git a/libs/app/components/src/lib/heatmap-container/heatmap-container.component.html b/libs/app/components/src/lib/heatmap-container/heatmap-container.component.html
@@ -1,4 +1,4 @@
-<div id="heatmapContainer-{{containerEvent._id}}" class="row-span-1 w-full h-full z-0 relative border-ept-blue-grey border-2 border-solid rounded-2xl">
+<div id="heatmapContainer-{{containerEvent._id}}" class="row-span-1 w-full h-[400px] z-0 relative border-ept-blue-grey border-2 border-solid rounded-2xl">
     <div
         class="absolute top-0 left-0 w-full h-full flex justify-center align-middle transition-opacity duration-200"
         [ngClass]="{ 'opacity-0': !loadingContent }"