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

Update app overview tile size and wrapping

This commit is contained in:
Andrew Kingston 2022-09-23 15:40:58 +01:00
parent 04c307a406
commit f6b52cf3f0
2 changed files with 3 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/builder/src/components/common/DashCard.svelte
View File

@ -30,7 +30,7 @@
background: var(--spectrum-alias-background-color-primary); background: var(--spectrum-alias-background-color-primary);
border-radius: var(--border-radius-s); border-radius: var(--border-radius-s);
overflow: hidden; overflow: hidden;
min-height: 150px; min-height: 170px;
} }
.dash-card-header { .dash-card-header {
padding: var(--spacing-xl) var(--spectrum-global-dimension-static-size-400); padding: var(--spacing-xl) var(--spectrum-global-dimension-static-size-400);

21
packages/builder/src/pages/builder/portal/overview/_components/OverviewTab.svelte
View File

@ -256,7 +256,7 @@
.overview-tab .top { .overview-tab .top {
display: grid; display: grid;
grid-gap: var(--spectrum-alias-grid-gutter-medium); grid-gap: var(--spectrum-alias-grid-gutter-medium);
grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
} }
.access-tab-content { .access-tab-content {
@ -276,7 +276,7 @@
} }
.access-tab-content .text { .access-tab-content .text {
color: var(--spectrum-global-color-gray-600); color: var(--spectrum-global-color-gray-600);
margin-top: var(--spacing-s); margin-top: var(--spacing-xl);
} }
.overview-tab .bottom, .overview-tab .bottom,
@ -286,23 +286,6 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
@media (max-width: 1000px) {
.overview-tab .top {
grid-template-columns: 1fr 1fr;
}
.overview-tab .bottom {
grid-template-columns: 1fr;
}
}
@media (max-width: 800px) {
.overview-tab .top,
.overview-tab .bottom {
grid-template-columns: 1fr;
}
}
.status-display { .status-display {
display: flex; display: flex;
align-items: center; align-items: center;