waffle/frontend/src/components/ChannelView.svelte

27 lines
741 B
Svelte
Raw Normal View History

<script>
import ChannelTopBar from "./ChannelTopBar.svelte";
import MessageInput from "./MessageInput.svelte";
2022-04-20 03:44:48 +03:00
import Messages from "./Messages.svelte";
import { quadInOut } from "svelte/easing";
import { maybeFly } from "../animations";
export let channel;
</script>
2022-04-15 02:39:13 +03:00
<style>
.main-container {
2022-04-22 23:01:44 +03:00
background-color: var(--background-color-1);
overflow: hidden;
2022-04-15 02:39:13 +03:00
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
</style>
<div class="main-container" in:maybeFly="{{ duration: 175, x: -10, easing: quadInOut }}">
<ChannelTopBar channel={ channel } />
<Messages channelId="{ channel.id }" />
<MessageInput channel={ channel } />
2022-04-15 02:39:13 +03:00
</div>