You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.3 KiB
48 lines
1.3 KiB
<script lang="ts">
|
|
import './app.css';
|
|
|
|
import { fade, slide } from 'svelte/transition';
|
|
import Navegacion from "./lib/components/Navegacion.svelte"
|
|
import HomeView from "./lib/views/HomeView.svelte";
|
|
import ConfiguradorView from "./lib/views/ConfiguradorView.svelte";
|
|
import SeleccionView from "./lib/views/SeleccionView.svelte";
|
|
import ImagenPopup from "./lib/components/ImagenPopup.svelte";
|
|
import TextoPopup from "./lib/components/TextoPopup.svelte";
|
|
import {navegationState} from "./lib/stores/navegation.svelte";
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
<main class="bg-gray-50 h-screen flex flex-col overflow-hidden">
|
|
<Navegacion />
|
|
|
|
<div class="flex-1 overflow-y-auto relative">
|
|
{#key navegationState.activePage}
|
|
<div
|
|
class="absolute inset-0"
|
|
in:fade={{ duration: 250 }}
|
|
out:fade={{ duration: 250 }}
|
|
>
|
|
{#if navegationState.activePage === 'cfg'}
|
|
<ConfiguradorView />
|
|
{:else if navegationState.activePage === 'sel'}
|
|
<SeleccionView />
|
|
{:else }
|
|
<HomeView />
|
|
{/if}
|
|
</div>
|
|
{/key}
|
|
</div>
|
|
|
|
|
|
<ImagenPopup />
|
|
|
|
<TextoPopup />
|
|
|
|
|
|
</main>
|
|
|