mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-08-23 00:00:33 +00:00
Faton Ramadani
05003abdf3
* feat(frontend): Fix UI * feat(frontend): Set correct default value when adding a new element to a typed array * feat(frontend): add refresh all * feat(frontend): add inline delete button * feat(frontend): fix alignment * feat(frontend): clean up * feat(frontend): rework editor * feat(frontend): Fix component dimensions * feat(frontend): Fix default min dimensions * feat(frontend): add missing alert * feat(frontend): Fix default data * feat(frontend): Support frontend/backend search * feat(frontend): finish picker
33 lines
815 B
Svelte
33 lines
815 B
Svelte
<script lang="ts">
|
|
import { classNames } from '$lib/utils'
|
|
import type { AppComponent } from '../types'
|
|
import { displayData } from '../utils'
|
|
import { X } from 'lucide-svelte'
|
|
import { createEventDispatcher } from 'svelte'
|
|
|
|
export let component: AppComponent
|
|
export let selected: boolean
|
|
|
|
const dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
<span
|
|
class={classNames(
|
|
'text-white px-1 text-2xs py-0.5 font-bold rounded-t-sm w-fit absolute -top-5',
|
|
selected ? 'bg-indigo-500' : 'bg-gray-500'
|
|
)}
|
|
>
|
|
{displayData[component.type].name} - {component.id}
|
|
</span>
|
|
<button
|
|
class={classNames(
|
|
'text-white px-1 text-2xs py-0.5 font-bold rounded-t-sm w-fit absolute -top-5 right-0 cursor-pointer',
|
|
'bg-gray-600 hover:bg-gray-800'
|
|
)}
|
|
on:click={() => {
|
|
dispatch('delete')
|
|
}}
|
|
>
|
|
<X size={16} />
|
|
</button>
|