diff --git a/frontend/src/components/Main.svelte b/frontend/src/components/Main.svelte index 808d566..edd6cd3 100644 --- a/frontend/src/components/Main.svelte +++ b/frontend/src/components/Main.svelte @@ -28,26 +28,14 @@ {/if} - - -
- {#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1} - - {/if} - {#if !($smallViewport && $showSidebar) && !($smallViewport && $showPresenceSidebar) && $showChannelView && $selectedChannel.id !== -1} - - {/if} - {#if $showPresenceSidebar} - - {/if} -
+{#if !($smallViewport && $showPresenceSidebar) && $showSidebar || $selectedChannel.id === -1} + +{/if} +{#if !($smallViewport && $showSidebar) && !($smallViewport && $showPresenceSidebar) && $showChannelView && $selectedChannel.id !== -1} + +{/if} +{#if $showPresenceSidebar} + +{/if} diff --git a/frontend/src/main.js b/frontend/src/main.js index 83e2500..a79b13e 100644 --- a/frontend/src/main.js +++ b/frontend/src/main.js @@ -8,8 +8,6 @@ import gateway, { GatewayEventType } from './gateway'; import "@material-design-icons/font"; function handleGatewaySettlement() { - initResponsiveHandlers(); - const loadingElement = document.getElementById("pre--loading-screen"); if (loadingElement) { loadingElement.parentElement.removeChild(loadingElement); @@ -27,6 +25,7 @@ function handleGatewaySettlement() { function main() { useDebuggingApi(); useAuthHandlers(); + initResponsiveHandlers(); gateway.subscribe(GatewayEventType.Ready, handleGatewaySettlement); gateway.subscribe(GatewayEventType.Close, handleGatewaySettlement);