ui: Beta features

This commit is contained in:
Andras Bacsai 2022-09-26 10:31:52 +02:00
parent 513fa90b8a
commit 5ed3565520
5 changed files with 20 additions and 25 deletions

View File

@ -86,7 +86,7 @@
id="update"
disabled={updateStatus.success === false}
on:click={update}
class="icons bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 text-white duration-75 hover:scale-105 w-full"
class="icons bg-coollabs-gradient text-white duration-75 hover:scale-105 w-full"
>
{#if updateStatus.loading}
<svg

View File

@ -72,17 +72,14 @@
{:else}
<span class="indicator-item badge bg-success badge-sm" />
{/if}
{#if server.remoteEngine}
<div
class="absolute top-0 right-0 text-xl font-bold uppercase bg-gradient-to-r from-purple-500 via-pink-500 to-red-500 p-1 rounded m-2"
>
BETA
</div>
{/if}
<div class="w-full flex flex-col lg:flex-row space-y-4 lg:space-y-0 space-x-4">
<div class="flex flex-col">
<h1 class="font-bold text-lg lg:text-xl truncate">
{server.name}
{#if server.remoteEngine}
<span class="badge bg-coollabs-gradient rounded text-white"> BETA </span>
{/if}
</h1>
<div class="text-xs">
{#if server?.remoteIpAddress}

View File

@ -57,7 +57,7 @@
<div class="mx-auto w-full">
<div class="flex border-b border-coolgray-500 mb-6">
<div class="title font-bold pb-3 pr-4">SSL Certificates</div>
<div class="title font-bold pb-3 pr-4">SSL Certificates <span class="badge rounded bg-coollabs-gradient text-white">BETA</span></div>
<label for="my-modal" class="btn btn-sm btn-primary" on:click={() => (isModalActive = true)}
>Add SSL Certificate</label
>

View File

@ -332,11 +332,7 @@
/>
</div>
<input
class="w-full "
placeholder="1.1.1.1,8.8.8.8"
bind:value={DNSServers}
/>
<input class="w-full " placeholder="1.1.1.1,8.8.8.8" bind:value={DNSServers} />
</div>
<div class="grid grid-cols-2 items-center">
@ -357,7 +353,6 @@
on:click={() => changeSettings('isAPIDebuggingEnabled')}
/>
</div>
{#if browser && $features.beta}
<div class="grid grid-cols-2 items-center">
<Setting
id="isAutoUpdateEnabled"
@ -367,7 +362,6 @@
on:click={() => changeSettings('isAutoUpdateEnabled')}
/>
</div>
{/if}
</div>
</div>
</form>

View File

@ -207,3 +207,7 @@ a {
.burger {
@apply block m-[2px] h-[3px] w-5 rounded
}
.bg-coollabs-gradient {
@apply bg-gradient-to-r from-purple-500 via-pink-500 to-red-500;
}