Weather status: Fix small design issues

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan C. Borchardt 2020-08-20 00:54:11 +02:00
parent 70d1d1997a
commit f0a306c3fe
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
3 changed files with 6 additions and 10 deletions

View File

@ -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;
} }
} }

View File

@ -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,

View File

@ -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,