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

feat(demo): added backend integration descriptions

Browse source
This commit is contained in:
Sergey Filinsky 2020-09-16 22:18:58 +03:00
parent 3a24d308f2
commit cc937192d7
19 changed files with 672 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/app/pages/backend-integration/backend-integration.component.scss Normal file
View file

@ -0,0 +1,53 @@
@import '../../@theme/styles/themes';
:host {
display: flex !important;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
height: 100%;
}
.description-container, .diagram-container {
display: flex;
}
.diagram-container {
flex: 2 1 auto;
align-items: center;
min-width: 35rem;
}
.description-container {
flex: 1 1 auto;
max-width: 45rem;
align-items: stretch;
height: 100%;
& > *:not(router-outlet) {
height: 100%;
width: 100%;
}
}
@media (max-width : 991px) {
:host {
flex-direction: column;
justify-content: flex-start;
height: fit-content;
.diagram-container {
width: 100%;
max-width: none;
height: fit-content;
margin: 0 auto;
ngx-backend-integration-diagram {
font-size: 2vw;
height: 60vw;
padding-top: 0;
}
}
}
}