AI assistant

This commit is contained in:
SPRINX0\prochazka
2025-02-05 18:56:00 +01:00
parent 07a2e2fa26
commit babfcb6108
4 changed files with 63 additions and 4 deletions

View File

@@ -1,18 +1,35 @@
<script lang="ts">
import FontIcon from '../icons/FontIcon.svelte';
export let clickable = false;
export let onClose = null;
</script>
<div on:click class:clickable {...$$restProps}>
<div on:click class:clickable {...$$restProps} class="wrapper">
<slot />
{#if onClose}
<div class="close" on:click={onClose}>
<FontIcon icon="icon close" />
</div>
{/if}
</div>
<style>
div {
.wrapper {
padding: 5px;
font-weight: bold;
text-transform: uppercase;
background-color: var(--theme-bg-1);
border: 2px solid var(--theme-border);
display: flex;
align-items: center;
justify-content: space-between;
}
.close {
cursor: pointer;
}
.close:hover {
color: var(--theme-font-hover);
}
div.clickable:hover {
background-color: var(--theme-bg-2);