fix: Improve media background image (#1635)

* fix: Improve media background image

* Simplify loading spinner.

This is slightly less fancy, but removes code. I'm guessing no-one will notice or care enough to raise it! (BMFW).

src/card-controller/card-element-manager.ts

@@ -63,7 +63,6 @@ export class CardElementManager {
     this._api.getMediaLoadedInfoManager().initialize();
     this._api.getMicrophoneManager().initialize();
     this._api.getKeyboardStateManager().initialize();
-    this._api.getStyleManager().initialize();
 
     // These initializers are called when the config is updated, but on initial
     // creation of the card hass is not yet available when the config is first

src/card-controller/style-manager.ts

@@ -1,6 +1,5 @@
 import { StyleInfo } from 'lit/directives/style-map';
 import { FrigateCardConfig } from '../config/types';
-import irisLogo from '../images/camera-iris.svg';
 import { aspectRatioToStyle, setOrRemoveAttribute } from '../utils/basic';
 import { View } from '../view/view';
 import { CardStyleAPI } from './types';
@@ -12,10 +11,6 @@ export class StyleManager {
     this._api = api;
   }
 
-  public initialize(): void {
-    this._setCommonStyleProperties();
-  }
-
   public setLightOrDarkMode = (): void => {
     const config = this._api.getConfigManager().getConfig();
     const isDarkMode =
@@ -138,11 +133,4 @@ export class StyleManager {
     }
     return aspectRatioToStyle({ defaultStatic: true });
   }
-
-  protected _setCommonStyleProperties(): void {
-    this._api
-      .getCardElementManager()
-      .getElement()
-      .style.setProperty('--frigate-card-media-background-image', `url("${irisLogo}")`);
-  }
 }

src/card-controller/types.ts

@@ -134,7 +134,6 @@ export interface CardElementAPI {
   getMediaLoadedInfoManager(): MediaLoadedInfoManager;
   getMediaPlayerManager(): MediaPlayerManager;
   getMicrophoneManager(): MicrophoneManager;
-  getStyleManager(): StyleManager;
   getQueryStringManager(): QueryStringManager;
 }