@invopop/popui 0.0.43 → 0.0.45
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.
|
@@ -17,6 +17,8 @@ $:
|
|
|
17
17
|
country = selectedCompany?.country || "";
|
|
18
18
|
$:
|
|
19
19
|
picture = selectedCompany?.logo_url || "";
|
|
20
|
+
$:
|
|
21
|
+
isSandbox = selectedCompany?.sandbox;
|
|
20
22
|
$:
|
|
21
23
|
items = [
|
|
22
24
|
...companies.map((c) => ({
|
|
@@ -64,7 +66,12 @@ function selectCompany(event) {
|
|
|
64
66
|
<span class:space-x-2={!collapsed} class="flex items-center">
|
|
65
67
|
<ProfileAvatar {name} {picture} {country} dark large />
|
|
66
68
|
{#if !collapsed}
|
|
67
|
-
<div
|
|
69
|
+
<div>
|
|
70
|
+
<div class="whitespace-nowrap max-w-[140px] truncate tracking-tight">{name}</div>
|
|
71
|
+
{#if isSandbox}
|
|
72
|
+
<div class="text-sm font-medium text-yellow-600">Sandbox</div>
|
|
73
|
+
{/if}
|
|
74
|
+
</div>
|
|
68
75
|
{/if}
|
|
69
76
|
</span>
|
|
70
77
|
{#if !collapsed}
|
|
@@ -28,8 +28,8 @@ $:
|
|
|
28
28
|
labelStyles = clsx(
|
|
29
29
|
{ "text-danger-500": item.destructive },
|
|
30
30
|
{ "text-neutral-800": !item.destructive },
|
|
31
|
-
{ "font-semibold tracking-tight": workspace },
|
|
32
|
-
{ "font-normal tracking-normal": !workspace }
|
|
31
|
+
{ "font-semibold tracking-tight max-w-[200px]": workspace },
|
|
32
|
+
{ "font-normal tracking-normal max-w-40": !workspace }
|
|
33
33
|
);
|
|
34
34
|
onMount(() => {
|
|
35
35
|
if (!scrollIfSelected)
|
|
@@ -65,7 +65,7 @@ onMount(() => {
|
|
|
65
65
|
{#if item.color}
|
|
66
66
|
<TagStatus status={item.color} dot />
|
|
67
67
|
{/if}
|
|
68
|
-
<span class="{labelStyles} text-base
|
|
68
|
+
<span class="{labelStyles} text-base truncate">{item.label}</span>
|
|
69
69
|
</span>
|
|
70
70
|
|
|
71
71
|
{#if item.country}
|
|
@@ -28,7 +28,7 @@ $:
|
|
|
28
28
|
</script>
|
|
29
29
|
|
|
30
30
|
<div class="w-[300px] border border-neutral-200 rounded-md shadow-lg bg-white">
|
|
31
|
-
<div class="max-h-[
|
|
31
|
+
<div class="max-h-[550px] overflow-hidden rounded-md">
|
|
32
32
|
<button
|
|
33
33
|
class="flex items-center justify-between bg-neutral-50 border-b border-neutral-200 rounded-t-sm h-9 py-2 pl-2.5 pr-3 text-base font-medium text-neutral-800 w-full"
|
|
34
34
|
on:click={() => {
|
|
@@ -49,7 +49,7 @@ $:
|
|
|
49
49
|
{/if}
|
|
50
50
|
</button>
|
|
51
51
|
{#if liveOpen}
|
|
52
|
-
<div transition:slide>
|
|
52
|
+
<div transition:slide class="max-h-[475px] overflow-auto">
|
|
53
53
|
{#if !liveItems.length}
|
|
54
54
|
<div class="h-[182px]">
|
|
55
55
|
<EmptyStateIcon
|
|
@@ -59,7 +59,7 @@ $:
|
|
|
59
59
|
/>
|
|
60
60
|
</div>
|
|
61
61
|
{/if}
|
|
62
|
-
<ul class="p-1
|
|
62
|
+
<ul class="p-1 space-y-1">
|
|
63
63
|
{#each liveItems as item}
|
|
64
64
|
<DrawerContextItem {item} {multiple} workspace on:click />
|
|
65
65
|
{/each}
|
|
@@ -87,7 +87,7 @@ $:
|
|
|
87
87
|
{/if}
|
|
88
88
|
</button>
|
|
89
89
|
{#if sandboxOpen}
|
|
90
|
-
<div transition:slide>
|
|
90
|
+
<div transition:slide class="max-h-[475px] overflow-auto">
|
|
91
91
|
{#if !sandboxItems.length}
|
|
92
92
|
<div class="h-[182px]">
|
|
93
93
|
<EmptyStateIcon
|
|
@@ -97,7 +97,7 @@ $:
|
|
|
97
97
|
/>
|
|
98
98
|
</div>
|
|
99
99
|
{/if}
|
|
100
|
-
<ul class="p-1
|
|
100
|
+
<ul class="p-1 space-y-1">
|
|
101
101
|
{#each sandboxItems as item}
|
|
102
102
|
<DrawerContextItem {item} {multiple} workspace on:click />
|
|
103
103
|
{/each}
|
package/dist/tw.theme.d.ts
CHANGED
package/dist/tw.theme.js
CHANGED