diff --git a/src/lib/components/avatarGroup.svelte b/src/lib/components/avatarGroup.svelte new file mode 100644 index 000000000..927a47ce3 --- /dev/null +++ b/src/lib/components/avatarGroup.svelte @@ -0,0 +1,21 @@ + + + diff --git a/src/lib/components/dropList.svelte b/src/lib/components/dropList.svelte index 251e532f8..f7edb1978 100644 --- a/src/lib/components/dropList.svelte +++ b/src/lib/components/dropList.svelte @@ -6,6 +6,7 @@ export let horizontal: 'left' | 'right' = 'right'; export let arrowPosition: 'start' | 'center' | 'end' = 'start'; export let arrow = true; + export let scrollable = false; let parentElement: HTMLDivElement; const onBlur = (event: MouseEvent) => { @@ -31,7 +32,10 @@ class:is-block-end={position === 'bottom'} class:is-inline-end={horizontal === 'left'} transition:slide={{ duration: 100 }}> -
+
diff --git a/src/lib/components/dropListLink.svelte b/src/lib/components/dropListLink.svelte index 671809aa1..cfd60e79a 100644 --- a/src/lib/components/dropListLink.svelte +++ b/src/lib/components/dropListLink.svelte @@ -3,7 +3,7 @@ export let icon: string = null; -
  • +
  • {#if icon} diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts index 0e4996b3e..2b06f779e 100644 --- a/src/lib/components/index.ts +++ b/src/lib/components/index.ts @@ -19,6 +19,7 @@ export { default as Collapsible } from './collapsible.svelte'; export { default as DropTabs } from './dropTabs.svelte'; export { default as DropTabsItem } from './dropTabsItem.svelte'; export { default as Avatar } from './avatar.svelte'; +export { default as AvatarGroup } from './avatarGroup.svelte'; export { default as Alert } from './alert.svelte'; export { default as Box } from './box.svelte'; export { default as Search } from './search.svelte'; diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte index f4409e978..5283ba4f9 100644 --- a/src/lib/components/modal.svelte +++ b/src/lib/components/modal.svelte @@ -8,6 +8,7 @@ export let size: 'small' | 'big' = null; export let warning = false; export let error: string = null; + export let closable = true; const dispatch = createEventDispatcher(); const transitionFly: FlyParams = { @@ -31,8 +32,10 @@ } }; const closeModal = () => { - show = false; - dispatch('close'); + if (closable) { + show = false; + dispatch('close'); + } }; /** @@ -65,14 +68,16 @@

    - + {#if closable} + + {/if}
    {#if error} diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte index 1b17010d2..641720d78 100644 --- a/src/lib/elements/forms/button.svelte +++ b/src/lib/elements/forms/button.svelte @@ -7,6 +7,7 @@ export let round = false; export let external = false; export let href: string = null; + export let fullWidth = false; //TODO: add option to add aria-label to buttons that are only icons @@ -20,7 +21,8 @@ class:is-only-icon={round} class:is-secondary={secondary} class:is-text={text} - class:is-danger={danger}> + class:is-danger={danger} + class:is-full-width={fullWidth}> {:else} @@ -32,6 +34,7 @@ class:is-secondary={secondary} class:is-danger={danger} class:is-text={text} + class:is-full-width={fullWidth} type={submit ? 'submit' : 'button'}> diff --git a/src/lib/images/login/login-dark-mode.svg b/src/lib/images/login/login-dark-mode.svg new file mode 100644 index 000000000..999b6b52a --- /dev/null +++ b/src/lib/images/login/login-dark-mode.svg @@ -0,0 +1,284 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/images/login/login-light-mode.svg b/src/lib/images/login/login-light-mode.svg new file mode 100644 index 000000000..cc09c6267 --- /dev/null +++ b/src/lib/images/login/login-light-mode.svg @@ -0,0 +1,253 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/lib/layout/header.svelte b/src/lib/layout/header.svelte index 6929557d1..bd0dfc233 100644 --- a/src/lib/layout/header.svelte +++ b/src/lib/layout/header.svelte @@ -1,20 +1,30 @@ - @@ -33,7 +43,12 @@