tornadocash/tornado-initiation-ui
1
0
Fork 0
mirror of https://github.com/tornadocash/tornado-initiation-ui.git synced 2025-01-23 16:53:35 +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;
overflow: hidden;
@include mobile {
flex-wrap: wrap;
}
&:first-child {
margin-top: 0;
}
@ -18,19 +22,32 @@
.diamond {
margin-right: 1.25rem;
@include mobile {
align-self: flex-start;
}
}
&-body {
flex-grow: 1;
@include mobile {
width: calc(100% - 60px - 1.25rem);
}
h4 {
font-weight: 700;
@include until(576px) {
font-size: 0.9rem;
}
}
.deployed {
font-size: 0.813rem;
color: #6B6B6B;
margin-top: .25rem;
text-overflow: ellipsis;
overflow: hidden;
}
}
@ -44,6 +61,12 @@
padding: 1.25rem;
width: 148px;
@include mobile {
margin-top: 1.25rem;
flex-basis: 100%;
flex-grow: 1;
}
.completed {
display: flex;
align-items: center;