mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.2 KiB
70 lines
1.2 KiB
@use '@angular/material' as mat;
|
|
|
|
:host {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: calc(100svh - var(--mat-toolbar-standard-height));
|
|
width: 100%;
|
|
|
|
@include mat.tabs-overrides(
|
|
(
|
|
active-indicator-height: 0,
|
|
divider-height: 0,
|
|
label-text-tracking: normal
|
|
)
|
|
);
|
|
|
|
.fab-container {
|
|
@media (max-width: 575.98px) {
|
|
bottom: 5rem;
|
|
}
|
|
}
|
|
|
|
::ng-deep {
|
|
.mat-mdc-tab-nav-panel {
|
|
padding: 2rem 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 575.98px) {
|
|
@include mat.tabs-overrides(
|
|
(
|
|
container-height: 3rem
|
|
)
|
|
);
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
flex-direction: row-reverse;
|
|
|
|
@include mat.tabs-overrides(
|
|
(
|
|
container-height: 2rem
|
|
)
|
|
);
|
|
|
|
::ng-deep {
|
|
.mat-mdc-tab-header {
|
|
background-color: rgba(var(--palette-foreground-base), 0.02);
|
|
padding: 2rem 0;
|
|
width: 14rem;
|
|
|
|
.mat-mdc-tab-links {
|
|
flex-direction: column;
|
|
|
|
.mat-mdc-tab-link {
|
|
justify-content: flex-start;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
:host-context(.theme-dark) {
|
|
@media (min-width: 576px) {
|
|
.mat-mdc-tab-header {
|
|
background-color: rgba(var(--palette-foreground-base-dark), 0.02);
|
|
}
|
|
}
|
|
}
|
|
|