Adjust web connections screen

Levminer · Oct 24, 2024 · 7943684 · 7943684
1 parent 0b270f5
commit 7943684
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/platforms/interface/web/src/components/connect.svelte b/platforms/interface/web/src/components/connect.svelte
@@ -65,15 +65,19 @@
 						</button>
 					</div>
 				</div>
-				<div class="flex flex-col justify-center space-y-1">
-					<div class="flex flex-row items-center gap-1">
+				<div class="flex flex-row flex-wrap items-center justify-start gap-1 pt-1">
+					<div class="transparent-800 flex flex-row items-center gap-1 rounded-xl p-1 px-3">
 						<KeyRound class="h-5 w-5" color={"#d3cfcf"} />
 						<h5>crs_********{item.code.slice(-2)}</h5>
 					</div>
-					<div class="flex flex-row items-center gap-1">
+					<div class="transparent-800 flex flex-row items-center gap-1 rounded-xl p-1 px-3">
 						<Network class="h-5 w-5" color={"#d3cfcf"} />
 						<h5>{item.mac || "N/A"}</h5>
 					</div>
+					<div class="transparent-800 flex flex-row items-center gap-1 rounded-xl p-1 px-3">
+						<Globe class="h-5 w-5" color={"#d3cfcf"} />
+						<h5>Unknown</h5>
+					</div>
 				</div>
 			</div>
 		{/each}
@@ -112,7 +116,7 @@
 
 <script lang="ts">
 	import { settings } from "ui/stores/settings.ts"
-	import { Plug, Trash2, Pencil, Network, KeyRound, Power } from "lucide-svelte"
+	import { Plug, Trash2, Pencil, Network, KeyRound, Power, Globe } from "lucide-svelte"
 	import { goto } from "$app/navigation"
 	import { state } from "../stores/state.ts"
 	import ModularDialog from "ui/components/modularDialog.svelte"