Hide relays and zaps tabs on small screens

This commit is contained in:
Bojan Mojsilovic 2023-10-23 12:23:32 +02:00
parent 3725943ecf
commit 2c2ed06a23
3 changed files with 12 additions and 3 deletions

View File

@ -171,7 +171,7 @@
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
width: 100vw;
grid-area: footer;
display: flex;
flex-direction: row;
@ -191,7 +191,7 @@
.leftContent {
display: flex;
width: 100%;
width: 100vw;
}
.leftFooter {

View File

@ -58,7 +58,7 @@
.callToAction {
position: fixed;
bottom: 56px;
right: 24px;
left: calc(100vw - 48px);
.message, .action {
display: none;

View File

@ -243,3 +243,12 @@
border-radius: 0 0 8px 8px;
padding-top: 22px;
}
@media only screen and (max-width: 720px) {
.profileTab {
&[data-key=zaps], &[data-key=relays] {
display: none;
}
}
}