mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
fix(demo): styling default version
This commit is contained in:
parent
0f546d950f
commit
746d18680e
4 changed files with 21 additions and 8 deletions
|
|
@ -1,4 +1,6 @@
|
|||
:host {
|
||||
@import '../../../@theme/styles/variables';
|
||||
|
||||
@include nga-install-component() {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -9,6 +11,12 @@
|
|||
|
||||
a {
|
||||
padding: 0.4rem;
|
||||
color: nga-theme(color-fg);
|
||||
transition: color ease-out 0.1s;
|
||||
|
||||
&:hover {
|
||||
color: nga-theme(color-fg-heading);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
align-items: center;
|
||||
height: 6rem;
|
||||
overflow: visible;
|
||||
color: nga-theme(card-fg-heading);
|
||||
|
||||
$bevel: btn-hero-bevel(nga-theme(card-bg));
|
||||
$shadow: btn-hero-shadow();
|
||||
|
|
@ -24,6 +23,7 @@
|
|||
font-size: 4em;
|
||||
border-radius: $border-radius 0 0 $border-radius;
|
||||
transition: all 0.1s ease-out, color 0s;
|
||||
color: nga-theme(color-white);
|
||||
|
||||
&.primary {
|
||||
@include btn-hero-primary-gradient();
|
||||
|
|
@ -89,6 +89,8 @@
|
|||
color: nga-theme(card-fg);
|
||||
|
||||
.icon-container {
|
||||
color: nga-theme(card-fg);
|
||||
|
||||
&.primary, &.success, &.info, &.warning {
|
||||
box-shadow: none;
|
||||
background-image: linear-gradient(to right, transparent, transparent);
|
||||
|
|
@ -98,7 +100,7 @@
|
|||
.details {
|
||||
border-left: 1px solid nga-theme(separator);
|
||||
}
|
||||
.status {
|
||||
.title {
|
||||
color: nga-theme(card-fg);
|
||||
}
|
||||
}
|
||||
|
|
@ -111,16 +113,19 @@
|
|||
padding-left: 1.5rem;
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-family: nga-theme(font-secondary);
|
||||
font-size: 1.5rem;
|
||||
font-weight: nga-theme(font-weight-bolder);
|
||||
color: nga-theme(card-fg-heading);
|
||||
}
|
||||
|
||||
.status {
|
||||
font-size: 1.125rem;
|
||||
font-weight: nga-theme(font-weight-light);
|
||||
text-transform: uppercase;
|
||||
color: nga-theme(card-fg-heading);
|
||||
color: nga-theme(card-fg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export class SmartTableComponent {
|
|||
source: LocalDataSource = new LocalDataSource();
|
||||
|
||||
constructor(private service: SmartTableService) {
|
||||
let data = this.service.getData();
|
||||
const data = this.service.getData();
|
||||
this.source.load(data);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,13 +7,13 @@
|
|||
$button-border-radius: 12px;
|
||||
|
||||
.container-title {
|
||||
color: nga-theme(color-fg-hint);
|
||||
color: nga-theme(color-fg);
|
||||
font-family: nga-theme(font-secondary);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
color: white;
|
||||
color: nga-theme(color-fg-header);
|
||||
font-size: 0.875rem;
|
||||
line-height: 1rem;
|
||||
}
|
||||
|
|
@ -22,7 +22,7 @@
|
|||
font-size: 0.75rem;
|
||||
line-height: 1rem;
|
||||
font-weight: 300;
|
||||
color: nga-theme(color-fg-hint);
|
||||
color: nga-theme(color-fg);
|
||||
}
|
||||
|
||||
.btn-demo {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue