Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-03-06 13:50:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(demo): improve dashboard and ui features pages

Browse source
This commit is contained in:
KostyaDanovsky 2017-07-20 18:13:11 +03:00
parent 8127f98f3c
commit b10e5e9ae5
20 changed files with 158 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/app/pages/dashboard/team/team.component.html
View file

@ -1,24 +1,24 @@
<nga-card size="medium">
<nga-card-body>
<div class="team-photo">
<a href="mailto:contact@akveo.com">
<button type="button" class="btn btn-success btn-icon team-link">
<i class="ion-paper-airplane"></i>
</button>
</a>
<div class="team-photo">
<a href="mailto:contact@akveo.com">
<button type="button" class="btn btn-success btn-icon team-link">
<i class="ion-paper-airplane"></i>
</button>
</a>
</div>
<div class="team-info">
<div class="team-title">
<h2>Akveo Team</h2>
</div>
<div class="team-info">
<div class="team-title">
<h2>Akveo Team</h2>
</div>
<div class="team-subtitle">Design & Development</div>
<div class="team-bio">
We're small team of fullstack software experts. We're crazy about creation of modern and secure software. We help to make
your product amazing.
</div>
<div class="team-subtitle">Design & Development</div>
<div class="team-bio">
We're small team of fullstack software experts. We're crazy about creation of modern and secure software. We help to make
your product amazing.
</div>
</nga-card-body>
<nga-card-footer>
</div>
<div class="links">
<a href="https://www.akveo.com" target="_blank">
<i class="ion-ios-world-outline"></i>
</a>
@ -31,5 +31,5 @@
<a href="https://github.com/akveo" target="_blank">
<i class="ion-social-github"></i>
</a>
</nga-card-footer>
</div>
</nga-card>

29
src/app/pages/dashboard/team/team.component.scss
View file

@ -1,32 +1,31 @@
@import '../../../@theme/styles/variables';
@import '~@akveo/nga-theme/styles/global/bootstrap/hero-buttons';
@include nga-install-component() {
.team-photo {
background-image: url('./~/assets/images/team.jpg');
background-image: url('~/assets/images/team.png');
background-position: center;
background-size: cover;
// TODO: Use calculated height
height: 200px;
position: relative;
border-top-left-radius: nga-theme(card-border-radius);
border-top-right-radius: nga-theme(card-border-radius);
flex: 1;
max-height: 50%;
.team-link {
border-radius: 50%;
height: 60px;
width: 60px;
position: absolute;
height: 4rem;
width: 4rem;
bottom: -2rem;
right: 1rem;
box-shadow: btn-hero-shadow();
border-radius: 50%;
box-shadow: 0 4px 10px 0 rgba(nga-theme(layout-bg), 0.4), 0 0 12px 0 rgba(nga-theme(color-fg-highlight), 0.2);
}
}
.team-info {
padding: 2rem 1.5rem;
padding-bottom: 0;
padding: 1.5rem 1.5rem 0;
.team-title {
color: nga-theme(color-fg-heading);
@ -50,21 +49,17 @@
}
}
nga-card > nga-card-body {
padding: 0;
height: 100%;
}
nga-card > nga-card-footer {
.links {
display: flex;
justify-content: space-around;
padding: 1rem 0;
a {
text-decoration: none;
color: nga-theme(color-fg);
i {
font-size: 2rem;
font-size: 1.75rem;
}
}
}