Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

dashboard responsivness

Browse source
This commit is contained in:
nixa 2016-05-06 17:50:58 +03:00
parent 536658c4ab
commit fb1dd81a50
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/app/pages/dashboard/dashboard.html
View file

@ -19,11 +19,11 @@
<div class="row">
<div class="col-xlg-9 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="row">
<ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-xs-12"
<ba-card class="col-xlg-8 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-xs-12"
title="Revenue" baCardClass="medium-card">
<line-chart></line-chart>
</ba-card>
<ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-7 col-sm-12 col-xs-12"
<ba-card class="col-xlg-4 col-xl-12 col-lg-12 col-md-5 col-sm-12 col-xs-12"
baCardClass="popular-app medium-card">
<popular-app></popular-app>
</ba-card>
@ -32,7 +32,7 @@
<div class="col-xlg-3 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
<ba-card title="Feed"
baCardClass="large-panel with-scroll feed-panel">
baCardClass="large-card with-scroll feed-panel">
<feed></feed>
</ba-card>
</div>
@ -40,12 +40,12 @@
</div>
<div class="row shift-up">
<ba-card class="col-xlg-3 col-lg-6 col-md-6 col-xs-12" title="To Do List"
baCardClass="xmedium-panel feed-comply-panel with-scroll todo-panel">
<ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-xs-12" title="To Do List"
baCardClass="xmedium-card feed-comply-panel with-scroll todo-panel">
<todo></todo>
</ba-card>
<ba-card class="col-xlg-3 col-lg-6 col-md-6 col-xs-12" title="To Do List"
baCardClass="xmedium-panel feed-comply-panel with-scroll calendar-panel">
<ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-xs-12" title="Calendar"
baCardClass="xmedium-card feed-comply-panel with-scroll calendar-panel">
<calendar></calendar>
</ba-card>
</div>

4
src/app/pages/dashboard/dashboard.scss
View file

@ -1,13 +1,13 @@
@media screen and (min-width: 1620px) {
.row.shift-up {
> div {
> * {
margin-top: -573px;
}
}
}
@media screen and (max-width: 1620px) {
.card.feed-card.large-card {
.card.feed-panel.large-card {
height: 824px;
}
}