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 6871172822
commit db4714d69c
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) {
.app-row {
padding: 24px 20px;
padding: 20px;
}
}
</style>

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

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

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

@ -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>