Refactor css.

This commit is contained in:
Dermot Duffy
2021-09-06 20:43:13 -07:00
parent c1f8558406
commit 90807be6f7
2 changed files with 17 additions and 38 deletions
+4 -19
View File
@@ -4,41 +4,26 @@
.frigate-card-contents {
width: 100%;
max-height: 277px; /* Max Lovelace 16/9 video height */
height: 100%;
aspect-ratio: 16 / 9;
overflow: auto;
}
.frigate-card-viewer {
width: 100%;
height: 100%;
aspect-ratio: 16 / 9;
}
.frigate-card-gallery {
overflow: auto;
-ms-overflow-style: none; /* Hide scrollbar: IE and Edge */
scrollbar-width: none; /* Hide scrollbar: Firefox */
height: 100%;
aspect-ratio: 16 / 9;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.frigate-card-gallery::-webkit-scrollbar {
.frigate-card-contents::-webkit-scrollbar {
display: none;
}
.frigate-card-attention {
.frigate-card-contents.attention {
display: flex;
justify-content: center;
align-items: center;
padding: 0% 5% 0% 5%;
height: 100%;
box-sizing: border-box;
padding: 5%;
}
.frigate-card-image-list {