Adjusting server list styling, added index

This commit is contained in:
Luke Hagar
2024-05-24 14:17:01 -05:00
parent 4613ecfebc
commit fdbb6d5f5f

View File

@@ -24,14 +24,15 @@
</script> </script>
<form <form
class="container mx-auto border-token rounded-container-token bg-surface-backdrop-token px-6 py-4 min-h-20 space-y-6" class=" mx-auto border-token rounded-container-token bg-surface-backdrop-token p-4 min-h-20 space-y-6"
> >
<!-- If openApiStore.servers isnt an array show add button --> <!-- If openApiStore.servers isnt an array show add button -->
{#if Array.isArray($openApiStore.servers)} {#if Array.isArray($openApiStore.servers)}
<ul class="list space-y-6"> <ul class="space-y-6">
{#each $openApiStore.servers as server, index} {#each $openApiStore.servers as server, index}
<li class="!block"> <li class="!block">
<span class="flex w-full justify-end"> <span class="flex w-full justify-between">
<span>Server {index + 1} </span>
<button <button
type="button" type="button"
class="btn btn-sm variant-ringed-error hover:variant-filled-error" class="btn btn-sm variant-ringed-error hover:variant-filled-error"