CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-06-29 11:31:06 +12:00
Code Issues Projects Releases Wiki Activity

Minor fix to ensure the app name neatly truncates and a general layout fix for apps in smaller resolutions

Browse source
This commit is contained in:
Dean 2022-09-23 10:40:55 +01:00
parent 1959acd4c1
commit 3c04dc82b3
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/builder/src/components/start/AppRow.svelte
View file

@ -9,7 +9,7 @@
</script>
<div class="title" data-cy={`${app.devId}`}>
<div style="display: flex;">
<div>
<div class="app-icon" style="color: {app.icon?.color || ''}">
<Icon size="XL" name={app.icon?.name || "Apps"} />
</div>
@ -61,6 +61,11 @@
</div>
<style>
div.title,
div.title > div {
display: flex;
max-width: 100%;
}
.app-row-actions {
grid-gap: var(--spacing-s);
display: flex;

3
packages/builder/src/pages/builder/portal/apps/index.svelte
View file

@ -478,9 +478,10 @@
.appTable :global(> div) {
border-bottom: var(--border-light);
}
@media (max-width: 640px) {
.appTable {
grid-template-columns: 1fr auto;
grid-template-columns: 1fr auto !important;
}
}
.empty-wrapper {