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

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} {#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 class="flex flex-row items-center justify-between mb-6 gap-4 pl-4 sm:pl-6 lg:pl-8 pr-2">
<div> <div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-3">
<h2 class="text-4xl md:text-left text-base-content font-bold mb-3 break-words"> <h2 class="text-4xl md:text-left text-base-content font-bold break-words">
{$instance.subdomain} {$instance.subdomain}
</h2> </h2>
</div> <span class="bg-gray-200 text-gray-700 text-xs px-2 py-1 rounded-full">
<span class="text-gray-400"> v{$instance.version}
Version {$instance.version} -
<span class="capitalize">{$instance.status}</span>
</span> </span>
{#if $instance.dev} {#if $instance.dev}
<a <a
href={`/instances/${$instance.id}/dev`} 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> </a>
{/if} {/if}
</div> </div>
</div>
<div> <div>
<Toggle checked={$instance.power} onChange={handlePowerChange($instance.id)} /> <Toggle checked={$instance.power} onChange={handlePowerChange($instance.id)} />