Larger pictures in Dashboard

Larger pictures in Dashboard

Install
Sigurður Stefán Sigurðsson 130 installations 22 likes

This allows you to adjust the picture size on your dashboard.

default size is 250px but you can change that by  putting variable below into your CSS:

:root {
--sky-dashboard-picture-height: 250px;
--sky-dashboard-picture-height-mobile: 250px;
}

Latest version 1.1

Released 3 years ago on 23rd Jul, 2021

simplified the code and made it so mobiles can be adjusted separately.

CSS rules

/* Set vars */
:root {
	--sky-dashboard-picture-height: 250px;
	--sky-dashboard-picture-height-mobile: 200px;
}
.panel .panel-heading-entity h3 {
	height: var(--sky-dashboard-picture-height);
}
@media (max-width:767px) {
	.panel .panel-heading-entity h3 {
		height: var(--sky-dashboard-picture-height-mobile);
	}
}
 Install

User comments & reviews