CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-01 12:30:41 +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> </script>
<div class="title" data-cy={`${app.devId}`}> <div class="title" data-cy={`${app.devId}`}>
<div style="display: flex;"> <div>
<div class="app-icon" style="color: {app.icon?.color || ''}"> <div class="app-icon" style="color: {app.icon?.color || ''}">
<Icon size="XL" name={app.icon?.name || "Apps"} /> <Icon size="XL" name={app.icon?.name || "Apps"} />
</div> </div>
@ -61,6 +61,11 @@
</div> </div>
<style> <style>
div.title,
div.title > div {
display: flex;
max-width: 100%;
}
.app-row-actions { .app-row-actions {
grid-gap: var(--spacing-s); grid-gap: var(--spacing-s);
display: flex; display: flex;

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

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