Unify scim icons

This commit is contained in:
Adria Navarro 2024-02-27 14:26:41 +01:00
parent 1f63cf0b11
commit e4bd9b0d14
2 changed files with 4 additions and 13 deletions

View File

@ -1,6 +1,5 @@
<script> <script>
import { IconAvatar } from "@budibase/bbui" import { IconAvatar } from "@budibase/bbui"
import ScimInfo from "../../_components/SCIMInfo.svelte"
export let group export let group
export let size = "M" export let size = "M"
@ -8,22 +7,10 @@
<div class="icon-group"> <div class="icon-group">
<IconAvatar icon={group?.icon} background={group?.color} {size} /> <IconAvatar icon={group?.icon} background={group?.color} {size} />
{#if group.scimInfo?.isSync}
<div class="scim-sync">
<ScimInfo iconSize="XXS" />
</div>
{/if}
</div> </div>
<style> <style>
.icon-group { .icon-group {
position: relative; position: relative;
} }
.scim-sync {
position: absolute;
bottom: -4px;
right: 0;
}
</style> </style>

View File

@ -1,5 +1,6 @@
<script> <script>
import GroupIcon from "./GroupIcon.svelte" import GroupIcon from "./GroupIcon.svelte"
import ScimInfo from "../../_components/SCIMInfo.svelte"
export let value export let value
export let row export let row
@ -14,6 +15,9 @@
{:else} {:else}
<div class="text">-</div> <div class="text">-</div>
{/if} {/if}
{#if row.scimInfo?.isSync}
<ScimInfo iconSize="XS" />
{/if}
</div> </div>
<style> <style>