flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move gallery to component.

Browse Source
This commit is contained in:
Dermot Duffy
2021-09-20 21:33:37 -07:00
parent 023c66b137
commit 9bbf46d4a5
7 changed files with 334 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/card.scss
-19
View File
@@ -1,5 +1,3 @@
@use "@material/image-list/mdc-image-list";
@use "@material/image-list";
@use './common.scss';
.container_16_9 {
@@ -52,24 +50,7 @@
padding: 10%;
}
.frigate-card-image-list {
@include image-list.standard-columns(5, 1px);
@include image-list.shape-radius(5px);
}
ha-card .frigate-card-image-list-folder {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
text-align: center;
border-style: 2px solid;
opacity: 0.7;
color: var(--secondary-text-color, white);
border-color: var(--secondary-text-color, black);
background-color: var(--primary-background-color, black);
padding: 10px;
}
video, img {
display: block;
src/scss/gallery.scss
+22
View File
@@ -0,0 +1,22 @@
@use "@material/image-list/mdc-image-list";
@use "@material/image-list";
.frigate-card-gallery {
@include image-list.standard-columns(5, 1px);
@include image-list.shape-radius(5px);
}
ha-card.frigate-card-gallery-folder {
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
text-align: center;
border-style: 2px solid;
opacity: 0.7;
color: var(--secondary-text-color, white);
border-color: var(--secondary-text-color, black);
background-color: var(--primary-background-color, black);
padding: 10px;
height: 100%;
}