Mirroristas/pockethost
2
0
Fork 0
mirror of https://github.com/pockethost/pockethost.git synced 2025-11-23 22:15:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(List): truncate secret value to avoid horizontal overflow

Browse Source
This commit is contained in:
cheskoxd 2025-08-20 20:09:49 -05:00
parent 8ed40ee71b
commit aa3361401f
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
packages/dashboard/src/routes/(app)/instances/[instanceId]/secrets/List.svelte
View File

@ -29,11 +29,11 @@
}
</script>
<table class="table mb-8 w-full">
<table class="table mb-8 w-full table-auto">
<thead>
<tr>
<th class="w-2/5 border-b-2 border-neutral">Key</th>
<th class="w-2/5 border-b-2 border-neutral">Value</th>
<th class="w-2/5 border-b-2 border-neutral text-left">Key</th>
<th class="w-2/5 border-b-2 border-neutral text-left">Value</th>
<th class="w-1/5 border-b-2 border-neutral text-right">Actions</th>
</tr>
</thead>
@ -41,17 +41,22 @@
<tbody>
{#each $items as item}
<tr transition:fade>
<th>{item.name}</th>
<td>{item.value.slice(0, 2) + item.value.slice(2).replaceAll(/./g, '*')}</td>
<th class="truncate max-w-[150px]">{item.name}</th>
<td class="truncate max-w-[150px]">
{item.value.slice(0, 2) + item.value.slice(2).replaceAll(/./g, '*')}
</td>
<td class="text-right">
<button
aria-label="Delete"
on:click={handleDelete(item.name)}
type="button"
class="btn btn-sm btn-square btn-outline btn-warning"><Fa icon={faTrash} /></button
class="btn btn-sm btn-square btn-outline btn-warning"
>
<Fa icon={faTrash} />
</button>
</td>
</tr>
{/each}
</tbody>
</table>