CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-01 20:41:03 +12:00
Code Issues Projects Releases Wiki Activity

Use core icon component for app rows

Browse source
This commit is contained in:
Andrew Kingston 2022-08-05 10:37:35 +01:00
parent 2d4ae38a02
commit 0b04dc5172
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/bbui/src/Icon/IconAvatar.svelte
View file

@ -24,8 +24,8 @@
border-radius: 50%;
}
.icon :global(.spectrum-Icon) {
width: 20px;
height: 20px;
width: 22px;
height: 22px;
}
.icon.filled :global(.spectrum-Icon) {
width: 16px;

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

@ -1,5 +1,5 @@
<script>
import { Heading, Button, Icon } from "@budibase/bbui"
import { Heading, Button, Icon, IconAvatar } from "@budibase/bbui"
import AppLockModal from "../common/AppLockModal.svelte"
import { processStringSync } from "@budibase/string-templates"
@ -10,9 +10,7 @@
<div class="title" data-cy={`${app.devId}`}>
<div style="display: flex;">
<div class="app-icon" style="color: {app.icon?.color || ''}">
<Icon size="XL" name={app.icon?.name || "Apps"} />
</div>
<IconAvatar icon={app.icon?.name || "Apps"} color={app.icon?.color} />
<div class="name" data-cy="app-name-link" on:click={() => editApp(app)}>
<Heading size="XS">
{app.name}