fabaff/platypush
1
0
Fork 0
forked from platypush/platypush
Code Issues Pull requests Projects Releases Packages Wiki Activity

Dashboard style improvements

Browse source
This commit is contained in:
Fabio Manganiello 2019-07-07 23:50:35 +02:00
parent 42e5673192
commit b2c31fcec6
4 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
platypush/backend/http/static/css/source/dashboard/widgets/date-time-weather/index.scss
View file

@ -8,17 +8,17 @@
padding-top: 1rem; padding-top: 1rem;
.date { .date {
font-size: 1.15em; font-size: 1.3em;
height: 8%; height: 10%;
} }
.time { .time {
font-size: 1.7em; font-size: 2em;
height: 11%; height: 14%;
} }
.weather { .weather {
height: 40%; height: 35%;
display: flex; display: flex;
align-items: center; align-items: center;

9
platypush/backend/http/static/css/source/dashboard/widgets/music/index.scss
View file

@ -16,23 +16,24 @@ $playback-status-color: #757f70;
.unknown, .unknown,
.no-track { .no-track {
font-size: 1.7em; font-size: 2em;
} }
.artist { .artist {
font-size: 1.7em; font-size: 1.9em;
font-weight: bold; font-weight: bold;
margin-bottom: .25em; margin-bottom: .25em;
} }
.title { .title {
font-size: 1.6em; font-size: 1.8em;
} }
} }
.time { .time {
width: 100%; width: 100%;
margin-top: .75em; margin-top: 1em;
font-size: 1.2em;
.row { .row {
padding: 0 .5em; padding: 0 .5em;

6
platypush/backend/http/static/css/source/dashboard/widgets/rss-news/index.scss
View file

@ -6,17 +6,17 @@
align-items: center; align-items: center;
.article { .article {
width: 100%; width: 90%;
padding: 0 2em; padding: 0 2em;
.source { .source {
font-size: 1.5em; font-size: 1.7em;
font-weight: bold; font-weight: bold;
margin-bottom: .5em; margin-bottom: .5em;
} }
.title { .title {
font-size: 1.5em; font-size: 1.7em;
margin-bottom: .5em; margin-bottom: .5em;
} }

2
platypush/backend/http/static/js/widgets/image-carousel/index.js
View file

@ -29,7 +29,7 @@ Vue.component('image-carousel', {
if (this.$refs.img.width > this.$refs.img.height) { if (this.$refs.img.width > this.$refs.img.height) {
this.$refs.img.style.width = 'auto'; this.$refs.img.style.width = 'auto';
if ((this.$refs.img.width / this.$refs.img.height) >= 4/3) { if ((this.$refs.img.width / this.$refs.img.height) >= 1.25) {
this.$refs.img.style.width = '100%'; this.$refs.img.style.width = '100%';
} }