+page.svelte RawHistoryFolder

1<script lang="ts">
2    import ChatRoom from '$lib/components/chat-room.svelte';
3    import DesktopIcons from '$lib/components/desktop-icons.svelte';
4    import AimLogin from '$lib/components/aim-login.svelte';
5
6    let showChatRoom = $state(true);
7    let showAuth = $state(false);
8
9</script>
10    
11<div class="desktop content-wrapper">
12    <DesktopIcons bind:showChatRoom bind:showAuth />
13	
14	{#if showChatRoom}
15		<ChatRoom bind:showChatRoom />
16	{/if}
17
18	{#if showAuth}
19		<AimLogin bind:showAuth />
20	{/if}
21</div>
22    
23<style>
24    .content-wrapper {
25        position: absolute;
26        inset: 0;
27        display: flex;
28        align-items: center;
29        justify-content: center;
30        box-sizing: border-box;
31    }
32
33</style>