Files
windmill/frontend/src/lib/components/CollapseLink.svelte
T
GuilhemandAlexander Petric 210b8285d4 fix(frontend): settings redesign (#7406)
* improve collapsible link

* do not show superadmin ws link when already in it

* improve OAuth UI

* sso/oauth instance settings ui

* refactor instance settings alerts WIP

* Indexer and Oauth to brand guidelines

* refactor ws error handler page

* Create a tab SMTP in the Instance Settings

* Ractivity isssue fix for tabs

* nit

* Add smtp settings status in Error handler

* Add smtp configuration status

* Display teams connection status for instance alerts

* nit

* Add critical alerts description

* nit

* nit

* improve ee display

* nit

* nit

* fix typo

* nit

* restore vit config

---------

Co-authored-by: Alexander Petric <alex@windmill.dev>
2025-12-19 20:33:03 +00:00

33 lines
786 B
Svelte

<script lang="ts">
import { slide } from 'svelte/transition'
import { twMerge } from 'tailwind-merge'
import { ChevronDown } from 'lucide-svelte'
interface Props {
open?: boolean
text: string
class?: string
children?: import('svelte').Snippet
}
let { open = $bindable(false), text, class: clazz = undefined, children }: Props = $props()
</script>
<div class="flex flex-col gap-1">
<button
class={twMerge('font-medium text-xs text-accent items-center mb-1 flex gap-1', clazz)}
onclick={() => (open = !open)}
type="button"
>
{text}
<ChevronDown
class={twMerge('transition-transform', open ? 'transform rotate-180' : '')}
size={12}
/>
</button>
{#if open}
<div transition:slide|local={{ duration: 100 }}>{@render children?.()}</div>
{/if}
</div>