Minor style changes.
This commit is contained in:
@@ -131,7 +131,7 @@ export class FrigateCardGalleryCore extends LitElement {
|
|||||||
protected _resizeHandler(): void {
|
protected _resizeHandler(): void {
|
||||||
this._columns = Math.max(
|
this._columns = Math.max(
|
||||||
DEFAULT_COLUMNS,
|
DEFAULT_COLUMNS,
|
||||||
Math.floor(this.clientWidth / MAX_THUMBNAIL_WIDTH),
|
Math.ceil(this.clientWidth / MAX_THUMBNAIL_WIDTH),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -23,7 +23,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.frigate-card-gallery .mdc-image-list__image {
|
.frigate-card-gallery .mdc-image-list__image {
|
||||||
transition: transform 0.3s ease;
|
transition: transform 0.3s linear;
|
||||||
}
|
}
|
||||||
.frigate-card-gallery .mdc-image-list__image:hover {
|
.frigate-card-gallery .mdc-image-list__image:hover {
|
||||||
transform: scale(1.05);
|
transform: scale(1.05);
|
||||||
|
|||||||
@@ -6,7 +6,7 @@
|
|||||||
.embla__slide {
|
.embla__slide {
|
||||||
flex: 0 0 var(--frigate-card-carousel-thumbnail-size);
|
flex: 0 0 var(--frigate-card-carousel-thumbnail-size);
|
||||||
opacity: var(--frigate-card-carousel-thumbnail-opacity);
|
opacity: var(--frigate-card-carousel-thumbnail-opacity);
|
||||||
transition: opacity 0.6s ease, transform 0.3s ease;
|
transition: opacity 0.6s ease, transform 0.3s linear;
|
||||||
}
|
}
|
||||||
.embla__slide.slide-selected {
|
.embla__slide.slide-selected {
|
||||||
opacity: 1.0;
|
opacity: 1.0;
|
||||||
|
|||||||
Reference in New Issue
Block a user