muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00
Code Packages Activity Actions

fixed boris layout

Browse source
This commit is contained in:
Fedor Katurov 2020-06-09 16:46:44 +07:00
parent 8435f1804f
commit 0d5e035c7f
2 changed files with 20 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/containers/node/BorisLayout/index.tsx
View file

@ -129,7 +129,9 @@ const BorisLayoutUnconnected: FC<IProps> = ({
<p className="grey">//&nbsp;Такова&nbsp;жизнь.</p> <p className="grey">//&nbsp;Такова&nbsp;жизнь.</p>
</div> </div>
<BorisStats stats={stats} /> <div className={styles.stats__wrap}>
<BorisStats stats={stats} />
</div>
</Group> </Group>
</Sticky> </Sticky>
</Group> </Group>

20
src/containers/node/BorisLayout/styles.scss
View file

@ -46,7 +46,7 @@
width: 100%; width: 100%;
@include tablet { @include tablet {
flex-direction: column; flex-direction: column-reverse;
} }
} }
@ -68,8 +68,9 @@
} }
@include tablet { @include tablet {
height: 100px; height: 40px;
width: 100%; width: 100%;
padding-bottom: 0;
img { img {
display: none; display: none;
@ -99,15 +100,22 @@
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
width: 100%; width: 100%;
text-align: center;
display: none;
padding: $gap; padding: $gap;
font-size: 48px; font-size: 32px;
} }
} }
.caption_text { .caption_text {
max-width: 400px; max-width: 400px;
text-transform: uppercase; text-transform: uppercase;
@include tablet {
max-width: 100%;
margin: auto;
}
} }
.stats { .stats {
@ -146,4 +154,10 @@
margin-bottom: $gap; margin-bottom: $gap;
} }
} }
&__wrap {
@include tablet {
display: none;
}
}
} }