Dashboard style improvements

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

View file

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

View file

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

View file

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

View file

@ -29,7 +29,7 @@ Vue.component('image-carousel', {
if (this.$refs.img.width > this.$refs.img.height) {
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%';
}