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

ui: secrets on apps

Browse Source
This commit is contained in:
Andras Bacsai 2022-11-11 09:33:45 +01:00
parent ae2d3ebb48
commit 75af551435
2 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
apps/ui/src/routes/applications/[id]/_PreviewSecret.svelte
View File

@ -32,10 +32,10 @@
} }
</script> </script>
<div class="w-full font-bold grid grid-cols-1 lg:grid-cols-4 gap-2 pb-2"> <div class="w-full grid grid-cols-1 lg:grid-cols-4 gap-2 pb-2">
<div class="flex flex-col"> <div class="flex flex-col">
{#if index === 0 || length === 0} {#if index === 0 || length === 0}
<label for="name" class="pb-2 uppercase">name</label> <label for="name" class="pb-2 uppercase font-bold">name</label>
{/if} {/if}
<input <input
@ -50,7 +50,7 @@
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
{#if index === 0 || length === 0} {#if index === 0 || length === 0}
<label for="value" class="pb-2 uppercase">value</label> <label for="value" class="pb-2 uppercase font-bold">value</label>
{/if} {/if}
<CopyPasswordField <CopyPasswordField
@ -63,9 +63,12 @@
</div> </div>
<div class="flex lg:flex-col flex-row justify-start items-center pt-3 lg:pt-0"> <div class="flex lg:flex-col flex-row justify-start items-center pt-3 lg:pt-0">
{#if index === 0 || length === 0} {#if index === 0 || length === 0}
<label for="name" class="pb-2 uppercase lg:block hidden">Need during buildtime?</label> <label for="name" class="pb-2 uppercase lg:block hidden font-bold"
>Need during buildtime?</label
>
{/if} {/if}
<label for="name" class="pb-2 uppercase lg:hidden block">Need during buildtime?</label> <label for="name" class="pb-2 uppercase lg:hidden block font-bold">Need during buildtime?</label
>
<div class="flex justify-center h-full items-center pt-0 lg:pt-0 pl-4 lg:pl-0"> <div class="flex justify-center h-full items-center pt-0 lg:pt-0 pl-4 lg:pl-0">
<button <button
@ -114,7 +117,7 @@
</div> </div>
<div class="flex flex-row lg:flex-col lg:items-center items-start"> <div class="flex flex-row lg:flex-col lg:items-center items-start">
{#if index === 0 || length === 0} {#if index === 0 || length === 0}
<label for="name" class="pb-2 uppercase lg:block hidden">Actions</label> <label for="name" class="pb-5 uppercase lg:block hidden font-bold" />
{/if} {/if}
<div class="flex justify-center h-full items-center pt-3"> <div class="flex justify-center h-full items-center pt-3">

15
apps/ui/src/routes/applications/[id]/_Secret.svelte
View File

@ -79,10 +79,10 @@
} }
</script> </script>
<div class="w-full font-bold grid grid-cols-1 lg:grid-cols-4 gap-2 pb-2"> <div class="w-full grid grid-cols-1 lg:grid-cols-4 gap-2 pb-2">
<div class="flex flex-col"> <div class="flex flex-col">
{#if (index === 0 && !isNewSecret) || length === 0} {#if (index === 0 && !isNewSecret) || length === 0}
<label for="name" class="pb-2 uppercase">name</label> <label for="name" class="pb-2 uppercase font-bold">name</label>
{/if} {/if}
<input <input
@ -101,7 +101,7 @@
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
{#if (index === 0 && !isNewSecret) || length === 0} {#if (index === 0 && !isNewSecret) || length === 0}
<label for="value" class="pb-2 uppercase">value</label> <label for="value" class="pb-2 uppercase font-bold">value</label>
{/if} {/if}
<CopyPasswordField <CopyPasswordField
@ -114,9 +114,12 @@
</div> </div>
<div class="flex lg:flex-col flex-row justify-start items-center pt-3 lg:pt-0"> <div class="flex lg:flex-col flex-row justify-start items-center pt-3 lg:pt-0">
{#if (index === 0 && !isNewSecret) || length === 0} {#if (index === 0 && !isNewSecret) || length === 0}
<label for="name" class="pb-2 uppercase lg:block hidden">Need during buildtime?</label> <label for="name" class="pb-2 uppercase lg:block hidden font-bold"
>Need during buildtime?</label
>
{/if} {/if}
<label for="name" class="pb-2 uppercase lg:hidden block">Need during buildtime?</label> <label for="name" class="pb-2 uppercase lg:hidden block font-bold">Need during buildtime?</label
>
<div class="flex justify-center h-full items-center pt-0 lg:pt-0 pl-4 lg:pl-0"> <div class="flex justify-center h-full items-center pt-0 lg:pt-0 pl-4 lg:pl-0">
<button <button
@ -166,7 +169,7 @@
</div> </div>
<div class="flex flex-row lg:flex-col lg:items-center items-start"> <div class="flex flex-row lg:flex-col lg:items-center items-start">
{#if (index === 0 && !isNewSecret) || length === 0} {#if (index === 0 && !isNewSecret) || length === 0}
<label for="name" class="pb-2 uppercase lg:block hidden">Action</label> <label for="name" class="pb-5 uppercase lg:block hidden font-bold" />
{/if} {/if}
<div class="flex justify-center h-full items-center pt-3"> <div class="flex justify-center h-full items-center pt-3">