Files
windmill/frontend/src/lib/components/flows/map/FlowSettingsItem.svelte
T
Faton Ramadani b39f486c91 Dark mode v0 (#1893)
* feat(frontend): wip

* wip

* wip

* wip

* wip

* add toggle

* correctly handle monaco theme

* wip

* wip

* wip

* wip

* wip

* feat(frontend): Dark mode v0

* feat(frontend): Adap AI gen poppup

* feat(frontend): Adap script metadata labels

* feat(frontend): Fix unreadable texts

* feat(frontend): Fix unreadable texts

* feat(frontend): Fix unreadable texts

* feat(frontend): Fix ressource picker

* feat(frontend): Fix unreadable texts

* feat(frontend): Fix unreadable texts

* feat(frontend): Fix unreadable texts

* feat(frontend): Add theme toggle in the login page

* feat(frontend): Fix unreadable texts

* feat(frontend): Fix language selection

* feat(frontend): Fix FlowStatusViewer colors

* feat(frontend): Fix divide colors

* feat(frontend): Fix flow graph buttons

* feat(frontend): add theme toggle in login modal

* feat(frontend): small ui fix

* feat(frontend): fix graph dark mode toggle
2023-07-25 10:43:04 +02:00

30 lines
936 B
Svelte

<script lang="ts">
import type { FlowEditorContext } from '../types'
import { getContext } from 'svelte'
import { classNames } from '$lib/utils'
import { Badge } from '$lib/components/common'
import { SlidersHorizontal } from 'lucide-svelte'
const { selectedId, flowStore } = getContext<FlowEditorContext>('FlowEditorContext')
$: settingsClass = classNames(
'border w-full rounded-sm p-2 bg-surface text-sm cursor-pointer flex items-center',
$selectedId?.startsWith('settings')
? 'outline outline-offset-1 outline-2 outline-slate-900'
: ''
)
</script>
<button on:click={() => ($selectedId = 'settings-metadata')} class={settingsClass}>
<SlidersHorizontal size={16} />
<span
class="text-xs font-bold flex flex-row justify-between w-full gap-2 items-center truncate ml-1"
>
Settings
{#if $flowStore.value.same_worker}
<Badge color="blue" baseClass="truncate">./shared</Badge>
{/if}
</span>
</button>