Weather status: Fix small design issues
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
70d1d1997a
commit
f0a306c3fe
|
@ -1,13 +1,13 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="app-dashboard" :style="backgroundStyle">
|
<div id="app-dashboard" :style="backgroundStyle">
|
||||||
<h2>{{ greeting.text }}</h2>
|
<h2>{{ greeting.text }}</h2>
|
||||||
<div class="statuses">
|
<ul class="statuses">
|
||||||
<div v-for="status in registeredStatus"
|
<div v-for="status in registeredStatus"
|
||||||
:id="'status-' + status"
|
:id="'status-' + status"
|
||||||
:key="status">
|
:key="status">
|
||||||
<div :ref="'status-' + status" />
|
<div :ref="'status-' + status" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</ul>
|
||||||
|
|
||||||
<Draggable v-model="layout"
|
<Draggable v-model="layout"
|
||||||
class="panels"
|
class="panels"
|
||||||
|
@ -419,7 +419,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.edit-panels,
|
.edit-panels,
|
||||||
.statuses ::v-deep #user-status-menu-item__subheader>button {
|
.statuses ::v-deep .action-item > button {
|
||||||
background-color: var(--color-background-translucent);
|
background-color: var(--color-background-translucent);
|
||||||
backdrop-filter: var(--background-blur);
|
backdrop-filter: var(--background-blur);
|
||||||
|
|
||||||
|
@ -482,12 +482,11 @@ export default {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin-bottom: 40px;
|
flex-wrap: wrap;
|
||||||
|
margin-bottom: 36px;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
max-width: 200px;
|
margin: 8px;
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -287,7 +287,6 @@ li:not(.inline) #user-status-menu-item {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: var(--border-radius-pill);
|
border-radius: var(--border-radius-pill);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 0.875em;
|
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
|
|
|
@ -454,7 +454,6 @@ li:not(.inline) .weather-status-menu-item {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 0.875em;
|
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
|
@ -481,7 +480,6 @@ body.theme--dark .inline .weather-status-menu-item__subheader > button {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: var(--border-radius-pill);
|
border-radius: var(--border-radius-pill);
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 0.875em;
|
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
|
|
Loading…
Reference in New Issue