@r2digisolutions/components 0.19.6 → 0.19.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -125,11 +125,11 @@
|
|
|
125
125
|
});
|
|
126
126
|
</script>
|
|
127
127
|
|
|
128
|
-
<div bind:this={rootEl} class={['relative
|
|
128
|
+
<div bind:this={rootEl} class={['relative flex w-full min-w-0', className]}>
|
|
129
129
|
<button
|
|
130
130
|
type="button"
|
|
131
131
|
class={[
|
|
132
|
-
'inline-flex items-center text-left transition-colors',
|
|
132
|
+
'inline-flex w-full min-w-0 max-w-full items-center text-left transition-colors',
|
|
133
133
|
'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500/40',
|
|
134
134
|
variant === 'outline' &&
|
|
135
135
|
'gap-2.5 rounded-xl border border-border bg-surface-elevated hover:bg-surface-overlay',
|
|
@@ -143,12 +143,14 @@
|
|
|
143
143
|
aria-expanded={open}
|
|
144
144
|
onclick={toggle}
|
|
145
145
|
>
|
|
146
|
-
<
|
|
146
|
+
<span class="shrink-0">
|
|
147
|
+
<Avatar {src} {name} size={avatarSize} {status} />
|
|
148
|
+
</span>
|
|
147
149
|
{#if showMeta}
|
|
148
|
-
<span class="hidden min-w-0 sm:block">
|
|
149
|
-
<span class="block
|
|
150
|
+
<span class="hidden min-w-0 flex-1 overflow-hidden sm:block">
|
|
151
|
+
<span class="block truncate text-sm font-medium text-primary">{name}</span>
|
|
150
152
|
{#if showSubtitle && (email || role)}
|
|
151
|
-
<span class="block
|
|
153
|
+
<span class="block truncate text-xs text-muted">
|
|
152
154
|
{role ? `${role}` : ''}{role && email ? ' · ' : ''}{email ?? ''}
|
|
153
155
|
</span>
|
|
154
156
|
{/if}
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
</nav>
|
|
176
176
|
|
|
177
177
|
{#if footer}
|
|
178
|
-
<div class={['border-border
|
|
178
|
+
<div class={['border-border min-w-0 overflow-hidden border-t p-3', collapsed && 'flex justify-center']}>
|
|
179
179
|
{@render footer()}
|
|
180
180
|
</div>
|
|
181
181
|
{/if}
|