Merge pull request #391 from COS301-SE-2024/feat/accentsBackground

📐Refactor HTML files - Remove unnecessary styles and update backgroun…
COS301-SE-2024 · Sep 26, 2024 · 6ababbc · 6ababbc
2 parents 156a22a + 52ba53c
commit 6ababbc
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/Frontend/src/app/app.component.html b/Frontend/src/app/app.component.html
@@ -13,7 +13,6 @@
     <div [ngClass]="'col-span-' + colSpan + ' col-start-' + columnStart"
       id="center"
       class="no-scrollbar row-span-2 row-start-3 overflow-y-scroll overflow-hidden">
-
       <router-outlet></router-outlet>
     </div>
   </div>  

diff --git a/Frontend/src/app/components/templates/desktop/search/search.component.html b/Frontend/src/app/components/templates/desktop/search/search.component.html
@@ -1,4 +1,4 @@
-<div *ngIf="screenSize === 'desktop'" class="desktop-layout">
+<div *ngIf="screenSize === 'desktop'"  class="rounded-xl border-black h-full no-scrollbar border overflow-y-scroll p-4" style="background-color: rgba(0, 0, 0, 0.7);">
   <app-search-bar></app-search-bar>
   <div class="pl-4">
   <h1 class="text-2xl font-bold text-gray-400 dark:text-gray-200 pt-8">Search Results for "{{ searchQuery }}"</h1>
@@ -16,7 +16,6 @@ <h2 style="font-weight: bold;" class="py-2">{{ topResult.name }}</h2>
     </div>
   </div>
 
-
   <div class="songs dark:text-gray-200" style="float: left; width: 33%; position: relative;">
     <a
       style="position: absolute; top: 0; right: 0; margin: 10px; padding: 5px 10px; border-radius: 5px;cursor: pointer;" class="text-white">
@@ -147,8 +146,6 @@ <h2 style="font-weight: bold;" class="py-2">{{ album.albumName }}</h2>
         </div>
       </div>
     </div>
-
-
     </div>
   </div>
 </div>
diff --git a/Frontend/src/app/pages/insights/insights.component.html b/Frontend/src/app/pages/insights/insights.component.html
@@ -1,6 +1,5 @@
-<div id="center" class=" rounded-xl no-scrollbar border border-stone-950 overflow-y-scroll p-4" style="height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.7);">
+<div id="center" class=" rounded-xl no-scrollbar border border-black overflow-y-scroll p-4" style="height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.7);">
   <h1 class="text-3xl font-bold text-white text-center mb-6">Listening Insights</h1>
-
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 mb-8">
     <div class="bg-stone-900 shadow-lg rounded-lg p-6 text-center">
       <h2 class="text-2xl font-semibold text-white">Top Mood</h2>