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

enh(dashboard): update instance title layout and cosmetics

Browse Source
This commit is contained in:
Ben Allfree 2025-07-18 19:04:59 -07:00
parent bb9d73c4f1
commit 6aad803416
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/dashboard/src/routes/(app)/instances/[instanceId]/+layout.svelte
View File

@ -48,24 +48,24 @@
{#if isReady}
<div class="flex flex-row items-center justify-between mb-6 gap-4 pl-4 sm:pl-6 lg:pl-8 pr-2">
<div>
<div class="flex items-center gap-2">
<h2 class="text-4xl md:text-left text-base-content font-bold mb-3 break-words">
<div class="flex items-center gap-3">
<h2 class="text-4xl md:text-left text-base-content font-bold break-words">
{$instance.subdomain}
</h2>
</div>
<span class="text-gray-400">
Version {$instance.version} -
<span class="capitalize">{$instance.status}</span>
<span class="bg-gray-200 text-gray-700 text-xs px-2 py-1 rounded-full">
v{$instance.version}
</span>
{#if $instance.dev}
<a
href={`/instances/${$instance.id}/dev`}
class="text-warning animate-pulse border-warning border-2 p-1 rounded"
class="text-warning animate-pulse text-2xl"
title="Dev Mode Active (SLOW)"
>
Dev Mode Active (SLOW)
🚧
</a>
{/if}
</div>
</div>
<div>
<Toggle checked={$instance.power} onChange={handlePowerChange($instance.id)} />