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

fix(starter-page): responsive layout

Browse source
This commit is contained in:
Alex 2020-03-25 14:41:46 +03:00 • committed by Sergey Andrievskiy
parent fb6e04b80a
commit 8217c1c4fd
2 changed files with 5 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/themes-screen/starter.component.html
View file

@ -43,7 +43,7 @@
alt="{{theme.name}} Theme"/> alt="{{theme.name}} Theme"/>
</nb-card-body> </nb-card-body>
</nb-card> </nb-card>
</ng-container> </ng-container>
</nb-layout-column> </nb-layout-column>
<nb-layout-footer fixed> <nb-layout-footer fixed>

11
src/app/themes-screen/starter.component.scss
View file

@ -6,6 +6,8 @@
img { img {
width: 100%; width: 100%;
object-fit: contain; object-fit: contain;
height: auto;
vertical-align: top;
} }
h4 { h4 {
@ -17,8 +19,10 @@
nb-layout-column { nb-layout-column {
display: flex; display: flex;
align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
align-content: flex-start;
} }
nb-card { nb-card {
@ -29,7 +33,6 @@
nb-card-body { nb-card-body {
padding: 0; padding: 0;
height: auto;
} }
nb-layout-header { nb-layout-header {
@ -141,15 +144,9 @@
} }
@include media-breakpoint-down(xl) { @include media-breakpoint-down(xl) {
h4 {
margin: 0;
}
} }
@include media-breakpoint-down(lg) { @include media-breakpoint-down(lg) {
h4 {
margin-bottom: 36px;
}
nb-card-header { nb-card-header {
padding: 12px 20px; padding: 12px 20px;