Shiloh/lasthourcloud
Shiloh/lasthourcloud
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

ui: Beta features

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/ui/src/lib/components/UpdateAvailable.svelte
View File

@ -86,7 +86,7 @@
id="update" id="update"
disabled={updateStatus.success === false} disabled={updateStatus.success === false}
on:click={update} 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} {#if updateStatus.loading}
<svg <svg

11
apps/ui/src/lib/components/Usage.svelte
View File

@ -72,17 +72,14 @@
{:else} {:else}
<span class="indicator-item badge bg-success badge-sm" /> <span class="indicator-item badge bg-success badge-sm" />
{/if} {/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="w-full flex flex-col lg:flex-row space-y-4 lg:space-y-0 space-x-4">
<div class="flex flex-col"> <div class="flex flex-col">
<h1 class="font-bold text-lg lg:text-xl truncate"> <h1 class="font-bold text-lg lg:text-xl truncate">
{server.name} {server.name}
{#if server.remoteEngine}
<span class="badge bg-coollabs-gradient rounded text-white"> BETA </span>
{/if}
</h1> </h1>
<div class="text-xs"> <div class="text-xs">
{#if server?.remoteIpAddress} {#if server?.remoteIpAddress}

2
apps/ui/src/routes/settings/certificates.svelte
View File

@ -57,7 +57,7 @@
<div class="mx-auto w-full"> <div class="mx-auto w-full">
<div class="flex border-b border-coolgray-500 mb-6"> <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)} <label for="my-modal" class="btn btn-sm btn-primary" on:click={() => (isModalActive = true)}
>Add SSL Certificate</label >Add SSL Certificate</label
> >

26
apps/ui/src/routes/settings/coolify.svelte
View File

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

4
apps/ui/src/tailwind.css
View File

@ -207,3 +207,7 @@ a {
.burger { .burger {
@apply block m-[2px] h-[3px] w-5 rounded @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;
}