Dashboard style improvements
This commit is contained in:
parent
42e5673192
commit
b2c31fcec6
4 changed files with 14 additions and 13 deletions
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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%';
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue