chore: css optimizations

infanf · Jun 8, 2024 · add64f7 · add64f7
1 parent c44767e
commit add64f7
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/frontend/src/app/anime/details/streams/streams.component.html b/frontend/src/app/anime/details/streams/streams.component.html
@@ -1,7 +1,7 @@
-<div class="streams">
+<div class="streams d-flex flex-column gap-3 m-3">
   <a
     href="{{ stream.url }}"
-    class="align-items-center d-flex m-3"
+    class="align-items-center d-flex rounded"
     target="_blank"
     style="gap: 1rem; text-decoration: none"
     *ngFor="let stream of streams"

diff --git a/frontend/src/app/anime/details/streams/streams.component.ts b/frontend/src/app/anime/details/streams/streams.component.ts
@@ -4,11 +4,14 @@ import { LegacyStream } from '@services/anime/livechart.service';
 @Component({
   selector: 'myanili-anime-streams',
   templateUrl: './streams.component.html',
-  // styles: [`
-  //   .streams {
-  //     display: grid;
-  //   }
-  // `],
+  styles: [
+    `
+      .streams > a:hover {
+        background-color: rgba(var(--bs-secondary-rgb), 0.1);
+        outline: 0.75rem solid rgba(var(--bs-secondary-rgb), 0.1);
+      }
+    `,
+  ],
 })
 export class StreamsComponent implements OnInit {
   @Input() streams: LegacyStream[] = [];