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

fix(InstanceCard): update instance name to take full width and truncate if needed

Browse Source
This commit is contained in:
cheskoxd 2025-08-20 19:42:03 -05:00
parent 9cdcf14197
commit 75919bf8be
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/dashboard/src/routes/(app)/dashboard/InstanceCard.svelte
View File

@ -27,8 +27,8 @@
on:click={openInstance} on:click={openInstance}
> >
<div class="card-body w-full flex flex-row items-center justify-between gap-6"> <div class="card-body w-full flex flex-row items-center justify-between gap-6">
<div class="flex flex-col items-start gap-2"> <div class="flex flex-col items-start gap-2 flex-1 min-w-0 relative">
<span class="text-xl font-semibold truncate max-w-[200px]"> <span class="text-xl text-start font-semibold truncate w-full">
{instance.cname ? instance.cname : instance.subdomain} {instance.cname ? instance.cname : instance.subdomain}
</span> </span>
@ -50,7 +50,7 @@
</div> </div>
</div> </div>
<div class="flex flex-col items-center gap-3"> <div class="flex flex-col items-center gap-3 flex-shrink-0">
<input <input
type="checkbox" type="checkbox"
class={`toggle ${instance.power ? 'toggle-success' : 'bg-red-500 hover:bg-red-500'}`} class={`toggle ${instance.power ? 'toggle-success' : 'bg-red-500 hover:bg-red-500'}`}