tornadocash/tornado-initiation-ui
1
0
Fork 0
mirror of https://github.com/tornadocash/tornado-initiation-ui.git synced 2025-02-14 13:10:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

responsive fixes

Browse Source
This commit is contained in:
Danil Kovtonyuk 2020-10-28 12:34:10 +10:00
parent b6335e0579
commit 5ca1c141ac
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
assets/styles/components/_step.scss
View File

@ -11,6 +11,10 @@
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
@include mobile {
flex-wrap: wrap;
}
&:first-child { &:first-child {
margin-top: 0; margin-top: 0;
} }
@ -18,19 +22,32 @@
.diamond { .diamond {
margin-right: 1.25rem; margin-right: 1.25rem;
@include mobile {
align-self: flex-start;
}
} }
&-body { &-body {
flex-grow: 1; flex-grow: 1;
@include mobile {
width: calc(100% - 60px - 1.25rem);
}
h4 { h4 {
font-weight: 700; font-weight: 700;
@include until(576px) {
font-size: 0.9rem;
}
} }
.deployed { .deployed {
font-size: 0.813rem; font-size: 0.813rem;
color: #6B6B6B; color: #6B6B6B;
margin-top: .25rem; margin-top: .25rem;
text-overflow: ellipsis;
overflow: hidden;
} }
} }
@ -44,6 +61,12 @@
padding: 1.25rem; padding: 1.25rem;
width: 148px; width: 148px;
@include mobile {
margin-top: 1.25rem;
flex-basis: 100%;
flex-grow: 1;
}
.completed { .completed {
display: flex; display: flex;
align-items: center; align-items: center;