c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-01 08:31:59 +00: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">
import Button from '$lib/components/elements/buttons/button.svelte';
import Icon from '$lib/components/elements/icon.svelte';
import { mdiPlus } from '@mdi/js';
</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>
<p class="uppercase text-lg dark:text-white">
@ -28,37 +30,52 @@
<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="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 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
</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
</div>
</div>
<div class="w-full 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-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>
<div class="rounded-full border-[6px] border-indigo-800 h-[20px] w-[20px] bg-white -translate-y-1"></div>
<div
class="border-2 border-indigo-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 RULE
</div>
</div>
<div id="action-blocks">
<div class="w-full bg-gray-700 text-white min-h-[60px] flex place-items-center place-content-center">
<div class="w-full flex place-items-center place-content-center -translate-y-6">
<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
</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
</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>
</section>