Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 08:20:13 +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="row">
<div class="col-xlg-9 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12"> <div class="col-xlg-9 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="row"> <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"> title="Revenue" baCardClass="medium-card">
<line-chart></line-chart> <line-chart></line-chart>
</ba-card> </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"> baCardClass="popular-app medium-card">
<popular-app></popular-app> <popular-app></popular-app>
</ba-card> </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"> <div class="col-xlg-3 col-xl-6 col-lg-6 col-md-12 col-sm-12 col-xs-12">
<ba-card title="Feed" <ba-card title="Feed"
baCardClass="large-panel with-scroll feed-panel"> baCardClass="large-card with-scroll feed-panel">
<feed></feed> <feed></feed>
</ba-card> </ba-card>
</div> </div>
@ -40,12 +40,12 @@
</div> </div>
<div class="row shift-up"> <div class="row shift-up">
<ba-card class="col-xlg-3 col-lg-6 col-md-6 col-xs-12" title="To Do List" <ba-card class="col-xlg-3 col-lg-6 col-md-12 col-sm-12 col-xs-12" title="To Do List"
baCardClass="xmedium-panel feed-comply-panel with-scroll todo-panel"> baCardClass="xmedium-card feed-comply-panel with-scroll todo-panel">
<todo></todo> <todo></todo>
</ba-card> </ba-card>
<ba-card class="col-xlg-3 col-lg-6 col-md-6 col-xs-12" title="To Do List" <ba-card class="col-xlg-6 col-lg-6 col-md-12 col-sm-12 col-xs-12" title="Calendar"
baCardClass="xmedium-panel feed-comply-panel with-scroll calendar-panel"> baCardClass="xmedium-card feed-comply-panel with-scroll calendar-panel">
<calendar></calendar> <calendar></calendar>
</ba-card> </ba-card>
</div> </div>

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

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