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

Sync thumbnail styles between carousel and gallery.

Browse Source
This commit is contained in:
Dermot Duffy
2021-11-25 20:38:24 -08:00
parent 3c7634d9d5
commit b0bcc6eda5
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/gallery.scss
+10 -3
View File
@@ -18,20 +18,27 @@
.frigate-card-gallery {
// Note: In fullscreen, number of columns is overwritten in Javascript based
// on dimensions.
@include image-list.standard-columns(5, 1px);
@include image-list.standard-columns(4, 5px);
@include image-list.shape-radius(5px);
}
.frigate-card-gallery .mdc-image-list__image {
transition: transform 0.3s ease;
}
.frigate-card-gallery .mdc-image-list__image:hover {
transform: scale(1.05);
}
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);
border: 2px ridge var(--secondary-text-color, black);
border-radius: 5px;
background-color: var(--primary-background-color, black);
padding: 10px;
height: 100%;