Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

summary responsive

Browse source
This commit is contained in:
Chneemann 2024-03-23 21:13:37 +01:00
parent de841204e7
commit 84d148379d
2 changed files with 36 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/app/app.component.scss
View file

@ -24,9 +24,21 @@ app-header {
.content { .content {
width: calc(100% - 128px); width: calc(100% - 128px);
min-width: calc(100vw - 232px - 128px); min-width: calc(100vw - 232px - 64px);
height: 100vh; height: 100vh;
padding: 64px; padding: 64px 0 0 64px;
background-color: var(--bgContent); background-color: var(--bgContent);
overflow-y: auto; overflow-y: auto;
} }
@media screen and (max-width: 910px) {
.content {
display: flex;
justify-content: center;
min-width: calc(100vw);
padding: 32px 0 0 0;
}
app-sidebar {
display: none;
}
}

30
src/app/components/summary/summary.component.scss
View file

@ -61,7 +61,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 18px;
width: 264px; width: 264px;
height: 168px; height: 168px;
border-radius: 30px; border-radius: 30px;
@ -90,14 +89,18 @@
.urgent { .urgent {
width: 560px; width: 560px;
.right { .right {
width: 40%; width: 58%;
} }
.left { .left {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 18px; width: 52%;
width: 40%; }
.line {
height: 100px;
width: 2px;
background-color: var(--gray);
} }
img { img {
height: 69px; height: 69px;
@ -152,8 +155,19 @@
} }
} }
.line { @media screen and (max-width: 1250px) {
height: 100px; .right-container {
width: 2px; display: none;
background-color: var(--gray); }
}
@media screen and (max-width: 1020px) {
.header {
.title {
font-size: 50px;
}
.metrics-txt {
font-size: 24px;
}
}
} }