Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-04-07 19:17:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

DeploymentCard new tooltip

Browse Source
This commit is contained in:
ernstmul
2024-12-31 09:53:17 +01:00
parent e8d2b01cc9
commit 5db67a307b
1 changed files with 20 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(console)/project-[project]/functions/function-[function]/deploymentCard.svelte
+20 -19
View File
@@ -9,7 +9,7 @@
import DeploymentSource from './deploymentSource.svelte';
import DeploymentDomains from './deploymentDomains.svelte';
import { tooltip } from '$lib/actions/tooltip';
import { Tooltip } from '@appwrite.io/pink-svelte';
export let deployment: Models.Deployment;
</script>
@@ -57,24 +57,25 @@
<p class="u-color-text-offline">Total size</p>
<p class="u-line-height-2">
{totalSize.value + totalSize.unit}
<button
type="button"
on:click|preventDefault
class="tooltip"
aria-label="input tooltip"
use:tooltip={{
content: `
<p><b>Deployment size:</b> ${deploymentSize.value + deploymentSize.unit}</p>
<p><b>Build size:</b> ${buildSize.value + buildSize.unit}</p>
`,
allowHTML: true,
appendTo: 'parent'
}}>
<span
class="icon-info"
aria-hidden="true"
style="font-size: var(--icon-size-small)" />
</button>
<Tooltip>
<button
type="button"
on:click|preventDefault
class="tooltip"
aria-label="input tooltip">
<span
class="icon-info"
aria-hidden="true"
style="font-size: var(--icon-size-small)" />
</button>
<div slot="tooltip">
<p>
<b>Deployment size:</b>
{deploymentSize.value + deploymentSize.unit}
</p>
<p><b>Build size:</b> {buildSize.value + buildSize.unit}</p>
</div>
</Tooltip>
</p>
</li>
<li class="u-flex-vertical u-gap-4">