MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update mobile design of apps page

This commit is contained in:
Andrew Kingston 2023-01-11 08:37:38 +00:00
parent 215a73a5b2
commit 4648581c67
3 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/builder/src/components/start/AppRow.svelte
View File

@ -137,7 +137,7 @@
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.app-row { .app-row {
padding: 24px 20px; padding: 20px;
} }
} }
</style> </style>

2
packages/builder/src/pages/builder/portal/_layout.svelte
View File

@ -288,7 +288,7 @@
@media (max-width: 640px) { @media (max-width: 640px) {
.nav { .nav {
flex: 0 0 64px; flex: 0 0 52px;
} }
.toolbar { .toolbar {
display: flex; display: flex;

24
packages/builder/src/pages/builder/portal/apps/index.svelte
View File

@ -354,11 +354,6 @@
gap: var(--spacing-xl); gap: var(--spacing-xl);
flex-wrap: wrap; flex-wrap: wrap;
} }
@media (max-width: 1000px) {
.img-logo {
display: none;
}
}
.app-actions { .app-actions {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -388,4 +383,23 @@
width: 160px; width: 160px;
height: 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> </style>