+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    function handleAuthClose() {
10        showAuth = false;
11    }
12</script>
13    
14<div class="desktop content-wrapper">
15    <DesktopIcons bind:showChatRoom bind:showAuth />
16	
17	{#if showChatRoom}
18		<ChatRoom bind:showChatRoom />
19	{/if}
20
21	{#if showAuth}
22		<AimLogin on:close={handleAuthClose} />
23	{/if}
24</div>
25    
26<style>
27    .content-wrapper {
28        position: absolute;
29        inset: 0;
30        display: flex;
31        align-items: center;
32        justify-content: center;
33        box-sizing: border-box;
34    }
35
36</style>