mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[feat] better otherbots screen

Browse Source
This commit is contained in:
kwaroran
2023-11-27 19:11:48 +09:00
parent 57e3283289
commit d71ef1b8a2
2 changed files with 190 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/lib/UI/Arcodion.svelte
View File

@@ -1,15 +1,33 @@
<script lang="ts">
export let name = ""
let open = false
export let styled = false
</script>
<div class="flex flex-col">
<button class="hover:bg-selected px-6 py-2 text-lg" class:bg-selected={open} on:click={() => {
open = !open
}}>{name}</button>
{#if open}
<div class="flex flex-col bg-darkbg">
<slot></slot>
</div>
{/if}
</div>
{#if styled}
<div class="flex flex-col mt-2">
<button class="hover:bg-selected px-6 py-2 text-lg rounded-t-md border-selected border"
class:bg-selected={open}
class:rounded-b-md={!open}
on:click={() => {
open = !open
}}
>{name}</button>
{#if open}
<div class="flex flex-col border border-selected p-2 rounded-b-md">
<slot></slot>
</div>
{/if}
</div>
{:else}
<div class="flex flex-col">
<button class="hover:bg-selected px-6 py-2 text-lg" class:bg-selected={open} on:click={() => {
open = !open
}}>{name}</button>
{#if open}
<div class="flex flex-col bg-darkbg">
<slot></slot>
</div>
{/if}
</div>
{/if}