Migrate header components

This commit is contained in:
Christoph Kluge 2025-06-13 14:46:09 +02:00
parent eabd7b8d51
commit b7823cec16
2 changed files with 16 additions and 10 deletions

View File

@ -18,10 +18,13 @@
DropdownItem, DropdownItem,
} from "@sveltestrap/sveltestrap"; } from "@sveltestrap/sveltestrap";
export let clusters; /* Svelte 5 Props */
export let subClusters; let {
export let links; clusters,
export let direction = "down"; subClusters,
links,
direction = "down"
} = $props();
</script> </script>
{#each links as item} {#each links as item}

View File

@ -25,10 +25,13 @@
Col, Col,
} from "@sveltestrap/sveltestrap"; } from "@sveltestrap/sveltestrap";
export let username; /* Svelte 5 Props */
export let authlevel; let {
export let roles; username,
export let screenSize; authlevel,
roles,
screenSize
} = $props();
</script> </script>
<Nav navbar> <Nav navbar>
@ -91,7 +94,7 @@
<NavItem> <NavItem>
<Button <Button
outline outline
on:click={() => (window.location.href = "/config")} onclick={() => (window.location.href = "/config")}
style="margin-left: 10px;" style="margin-left: 10px;"
title="Settings" title="Settings"
> >
@ -136,7 +139,7 @@
<Col xs="4"> <Col xs="4">
<Button <Button
outline outline
on:click={() => (window.location.href = "/config")} onclick={() => (window.location.href = "/config")}
size="sm" size="sm"
class="my-2 w-100" class="my-2 w-100"
> >