Browse Source

Task/improve style of Ghostfolio Premium card in admin settings (#7127)

Improve style
pull/7121/head^2
Thomas Kaul 5 days ago
committed by GitHub
parent
commit
11f37f8f7d
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 30
      apps/client/src/app/components/admin-settings/admin-settings.component.scss

30
apps/client/src/app/components/admin-settings/admin-settings.component.scss

@ -10,7 +10,33 @@
}
.mat-mdc-card {
--mat-card-outlined-container-color: whitesmoke;
--gradient-opacity: 50%;
--mat-card-outlined-outline-color: rgb(193, 219, 254);
background-color: white;
background-image: linear-gradient(
109.6deg,
color-mix(in srgb, rgba(255, 255, 255, 1) 100%, transparent) 11.2%,
color-mix(
in srgb,
rgba(221, 108, 241, 0.26) var(--gradient-opacity),
transparent
)
42%,
color-mix(
in srgb,
rgba(229, 106, 253, 0.71) var(--gradient-opacity),
transparent
)
71.5%,
color-mix(
in srgb,
rgba(123, 183, 253, 1) var(--gradient-opacity),
transparent
)
100%
);
color: rgb(var(--dark-primary-text));
.mat-mdc-card-actions {
min-height: 0;
@ -32,6 +58,6 @@
:host-context(.theme-dark) {
.mat-mdc-card {
--mat-card-outlined-container-color: #222222;
--mat-card-outlined-outline-color: white;
}
}

Loading…
Cancel
Save