mirror of
https://github.com/pockethost/pockethost.git
synced 2025-11-24 06:25:48 +00:00
fix(InstanceCard): update instance name to take full width and truncate if needed
This commit is contained in:
parent
9cdcf14197
commit
75919bf8be
@ -27,8 +27,8 @@
|
||||
on:click={openInstance}
|
||||
>
|
||||
<div class="card-body w-full flex flex-row items-center justify-between gap-6">
|
||||
<div class="flex flex-col items-start gap-2">
|
||||
<span class="text-xl font-semibold truncate max-w-[200px]">
|
||||
<div class="flex flex-col items-start gap-2 flex-1 min-w-0 relative">
|
||||
<span class="text-xl text-start font-semibold truncate w-full">
|
||||
{instance.cname ? instance.cname : instance.subdomain}
|
||||
</span>
|
||||
|
||||
@ -50,7 +50,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-center gap-3">
|
||||
<div class="flex flex-col items-center gap-3 flex-shrink-0">
|
||||
<input
|
||||
type="checkbox"
|
||||
class={`toggle ${instance.power ? 'toggle-success' : 'bg-red-500 hover:bg-red-500'}`}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user