Initial motionEye commit.

src/scss/gallery.scss

@@ -1,6 +1,7 @@
 :host {
   width: 100%;
-  height: auto;
+  height: 100%;
+  display: block;
   overflow: auto;
 
   // Hide scrollbar: IE and Edge
@@ -11,7 +12,9 @@
 
   --frigate-card-gallery-gap: 3px;
   --frigate-card-gallery-columns: 4;
+}
 
+.grid {
   display: grid;
   grid-template-columns: repeat(var(--frigate-card-gallery-columns), minmax(0, 1fr));
   grid-auto-rows: min-content;

src/scss/message.scss

@@ -1,8 +1,10 @@
 @use 'dotdotdot.scss';
 
 :host {
-  min-height: 100%;
+  display: block;
+  height: 100%;
   width: 100%;
+
   display: flex;
   flex-direction: column;
   justify-content: center;

src/scss/thumbnail-feature-event.scss

@@ -1,6 +1,12 @@
 :host {
   display: block;
   overflow: hidden;
+
+  aspect-ratio: 1 / 1;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 img {

src/scss/title-control.scss

@@ -6,4 +6,11 @@
 paper-toast {
   max-width: unset;
   min-width: unset;
+  display: flex;
+  align-items: center;
+}
+
+paper-toast img {
+  max-height: 24px;
+  padding-left: 10px;
 }

src/scss/viewer-provider.scss

@@ -7,6 +7,7 @@
 }
 
 img,
+video,
 frigate-card-ha-hls-player {
   display: block;
   width: 100%;