feat(frontend): add links and add/delete names/pronouns to edit profile page
This commit is contained in:
parent
57ed81add3
commit
10adeec841
2 changed files with 167 additions and 57 deletions
16
frontend/src/lib/components/IconButton.svelte
Normal file
16
frontend/src/lib/components/IconButton.svelte
Normal file
|
@ -0,0 +1,16 @@
|
|||
<script lang="ts">
|
||||
import { Button, Icon, Tooltip } from "sveltestrap";
|
||||
|
||||
export let icon: string;
|
||||
export let color: "primary" | "secondary" | "success" | "danger";
|
||||
export let tooltip: string;
|
||||
export let active: boolean = false;
|
||||
export let click: (e: MouseEvent) => void;
|
||||
|
||||
let button: HTMLElement;
|
||||
</script>
|
||||
|
||||
<Tooltip target={button} placement="top">{tooltip}</Tooltip>
|
||||
<Button {color} {active} on:click={click} bind:inner={button}>
|
||||
<Icon name={icon} />
|
||||
</Button>
|
Loading…
Add table
Add a link
Reference in a new issue