fix: services table (#698)

Signed-off-by: axel7083 <42176370+axel7083@users.noreply.github.com>
containers · Mar 26, 2024 · 878e944 · 878e944
1 parent 2d13a7d
commit 878e944
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/frontend/src/lib/table/service/ServiceColumnName.svelte b/packages/frontend/src/lib/table/service/ServiceColumnName.svelte
@@ -8,6 +8,9 @@ function openDetails() {
 }
 </script>
 
-<button title="Open service details" class="text-sm text-gray-700" on:click="{() => openDetails()}">
+<button
+  title="Open service details"
+  class="text-sm text-gray-700 w-full text-ellipsis overflow-hidden"
+  on:click="{() => openDetails()}">
   {object.container.containerId}
 </button>
diff --git a/packages/frontend/src/pages/InferenceServers.svelte b/packages/frontend/src/pages/InferenceServers.svelte
@@ -10,10 +10,10 @@ import ServiceAction from '/@/lib/table/service/ServiceAction.svelte';
 import ServiceColumnModelName from '/@/lib/table/service/ServiceColumnModelName.svelte';
 
 const columns: Column<InferenceServer>[] = [
-  new Column<InferenceServer>('Status', { width: '50px', renderer: ServiceStatus, align: 'center' }),
-  new Column<InferenceServer>('Name', { width: '1fr', renderer: ServiceColumnName, align: 'center' }),
-  new Column<InferenceServer>('Model', { width: '3fr', renderer: ServiceColumnModelName, align: 'center' }),
-  new Column<InferenceServer>('Action', { width: '80px', renderer: ServiceAction, align: 'center' }),
+  new Column<InferenceServer>('Status', { width: '70px', renderer: ServiceStatus, align: 'center' }),
+  new Column<InferenceServer>('Name', { width: '1fr', renderer: ServiceColumnName, align: 'left' }),
+  new Column<InferenceServer>('Model', { renderer: ServiceColumnModelName, align: 'left' }),
+  new Column<InferenceServer>('Action', { width: '80px', renderer: ServiceAction, align: 'right' }),
 ];
 const row = new Row<InferenceServer>({});