mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 15:40:11 +01:00
feat(demo): fixed responsive
This commit is contained in:
parent
cc937192d7
commit
6f0093f61b
1 changed files with 17 additions and 4 deletions
|
|
@ -24,7 +24,7 @@
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
& > *:not(router-outlet) {
|
::ng-deep & > *:last-child {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
@ -36,16 +36,29 @@
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
|
|
||||||
.diagram-container {
|
.diagram-container, .description-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
|
min-width: 0;
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
ngx-backend-integration-diagram {
|
.description-container {
|
||||||
|
padding-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.diagram-container {
|
||||||
|
padding-bottom: 1.5rem;
|
||||||
|
::ng-deep ngx-backend-integration-diagram {
|
||||||
font-size: 2vw;
|
font-size: 2vw;
|
||||||
height: 60vw;
|
height: fit-content;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
|
|
||||||
|
& > * {
|
||||||
|
height: fit-content;
|
||||||
|
position: static !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue