Update mobile design of apps page
This commit is contained in:
parent
6871172822
commit
db4714d69c
3 changed files with 21 additions and 7 deletions
|
@ -137,7 +137,7 @@
|
|||
}
|
||||
@media (max-width: 640px) {
|
||||
.app-row {
|
||||
padding: 24px 20px;
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -288,7 +288,7 @@
|
|||
|
||||
@media (max-width: 640px) {
|
||||
.nav {
|
||||
flex: 0 0 64px;
|
||||
flex: 0 0 52px;
|
||||
}
|
||||
.toolbar {
|
||||
display: flex;
|
||||
|
|
|
@ -354,11 +354,6 @@
|
|||
gap: var(--spacing-xl);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
.img-logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.app-actions {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -388,4 +383,23 @@
|
|||
width: 160px;
|
||||
height: 160px;
|
||||
}
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
.img-logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 640px) {
|
||||
.app-actions {
|
||||
margin-top: var(--spacing-xl);
|
||||
margin-bottom: calc(-1 * var(--spacing-m));
|
||||
}
|
||||
/* Hide download apps icon */
|
||||
.app-actions :global(> .spectrum-Icon) {
|
||||
display: none;
|
||||
}
|
||||
.app-actions > :global(*) {
|
||||
flex: 0 0 50%;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue