feat:Change styles on dashboard, add animations

This commit is contained in:
Daniel Blumrich
2022-09-08 11:58:57 +00:00
committed by Thea Schöbl
parent 0d755bcbd3
commit 605aa1b782
12 changed files with 252 additions and 126 deletions

View File

@@ -17,7 +17,7 @@
:host {
display: block;
padding: var(--spacing-md) var(--spacing-md) var(--spacing-sm);
padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm);
@include ion-md-up {
padding: var(--spacing-lg) var(--spacing-xxl) var(--spacing-sm);
@@ -40,28 +40,13 @@
}
}
// TODO
&:first-of-type {
padding-top: var(--spacing-lg);
}
& > ion-label:first-child {
font-family: var(--headline-font-family);
font-size: var(--font-size-lg);
font-weight: var(--font-weight-bold);
font-stretch: condensed;
text-transform: uppercase;
margin-bottom: var(--spacing-xs);
width: 100%;
display: flex;
flex-direction: revert;
justify-content: space-between;
ion-icon {
color: var(--ion-color-medium-shade);
position: relative;
bottom: var(--spacing-sm);
margin-block: auto;
cursor: pointer;