c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-19 18:26:46 +01:00
Code Releases Activity

colors

Browse source
This commit is contained in:
Alex 2024-04-07 19:38:23 -05:00
parent e0d15c96f1
commit 73b961f5fa
No known key found for this signature in database
GPG key ID: 53CD082B3A5E1082
1 changed files with 30 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
web/src/lib/components/workflow-page/workflow-editor.svelte
View file

@ -1,8 +1,10 @@
<script lang="ts"> <script lang="ts">
import Button from '$lib/components/elements/buttons/button.svelte'; import Button from '$lib/components/elements/buttons/button.svelte';
import Icon from '$lib/components/elements/icon.svelte';
import { mdiPlus } from '@mdi/js';
</script> </script>
<section class="h-full dark:bg-zinc-900"> <section class="h-full">
<div id="workflow-control-bar" class="m-4 flex justify-between place-items-center gap-2"> <div id="workflow-control-bar" class="m-4 flex justify-between place-items-center gap-2">
<div> <div>
<p class="uppercase text-lg dark:text-white"> <p class="uppercase text-lg dark:text-white">
@ -28,37 +30,52 @@
<div class="flex flex-col place-items-center z-10"> <div class="flex flex-col place-items-center z-10">
<div class="rounded-full border-[6px] border-green-800 h-[20px] w-[20px] bg-white translate-y-1"></div> <div class="rounded-full border-[6px] border-green-800 h-[20px] w-[20px] bg-white translate-y-1"></div>
<div class="h-[60px] w-[5px] bg-white bg-gradient-to-b from-green-800 via-purple-800 to-indigo-900"></div> <div class="h-[60px] w-[5px] bg-white bg-gradient-to-b from-green-800 via-purple-800 to-indigo-900"></div>
<div class="rounded-full border-[6px] border-indigo-800 h-[20px] w-[20px] bg-white -translate-y-1"></div> <div class="rounded-full border-[6px] border-indigo-900 h-[20px] w-[20px] bg-white -translate-y-1"></div>
</div> </div>
</div> </div>
<div id="condition-blocks" class="-translate-y-3"> <div id="condition-blocks" class="-translate-y-3">
<div class="bg-indigo-800 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4"> <div class="bg-indigo-900 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4">
And has Alex and Henry and Nate And has Alex and Henry and Nate
</div> </div>
<div <div
class="bg-indigo-800 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4 mt-2" class="bg-indigo-900 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4 mt-2"
> >
And from Nurnberg, Germany And from Nurnberg, Germany
</div> </div>
</div>
<div class="w-full flex place-items-center place-content-center"> <div
<div class="flex flex-col place-items-center z-10"> class="border-2 border-indigo-500 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4 mt-2"
<div class="rounded-full border-[6px] border-indigo-800 h-[20px] w-[20px] bg-white translate-y-1"></div> >
<div class="h-[60px] w-[5px] bg-white bg-gradient-to-b from-indigo-800 via-purple-800 to-indigo-900"></div> <span><Icon path={mdiPlus} /></span> ADD RULE
<div class="rounded-full border-[6px] border-indigo-800 h-[20px] w-[20px] bg-white -translate-y-1"></div>
</div> </div>
</div> </div>
<div id="action-blocks"> <div class="w-full flex place-items-center place-content-center -translate-y-6">
<div class="w-full bg-gray-700 text-white min-h-[60px] flex place-items-center place-content-center"> <div class="flex flex-col place-items-center z-10">
<div class="rounded-full border-[6px] border-indigo-900 h-[20px] w-[20px] bg-white translate-y-1"></div>
<div class="h-[60px] w-[5px] bg-white bg-gradient-to-b from-indigo-900 via-indigo-800 to-gray-700"></div>
<div class="rounded-full border-[6px] border-gray-700 h-[20px] w-[20px] bg-white -translate-y-1"></div>
</div>
</div>
<div id="action-blocks" class="-translate-y-11">
<div
class="bg-gray-700 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4 mt-2"
>
Add to Album Add to Album
</div> </div>
<div class="w-full bg-gray-700 text-white min-h-[60px] flex place-items-center place-content-center"> <div
class="bg-gray-700 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4 mt-2"
>
Send webhook to abc.com with payload 123 Send webhook to abc.com with payload 123
</div> </div>
<div
class="border-2 border-gray-500 text-white min-h-[60px] flex place-items-center place-content-center rounded-2xl mx-4 mt-2"
>
<span><Icon path={mdiPlus} /></span> ADD ACTION
</div>
</div> </div>
</div> </div>
</section> </section>