cambio menor en el jsdoc
parent
09cf8666a8
commit
48353cb564
@ -1,52 +1,52 @@
|
|||||||
<script>
|
<script>
|
||||||
/**
|
/**
|
||||||
* Un objeto con los datos que llegan de la funcion load de +page.js
|
* Un objeto con los datos que llegan de la funcion load de +page.js
|
||||||
* @typedef {{
|
* @typedef {{
|
||||||
* slug: string;
|
* slug: string;
|
||||||
* templateIndex: number;
|
* templateIndex: number;
|
||||||
* templateImage: string;
|
* templateImage: string;
|
||||||
* }}
|
* }}
|
||||||
* LoadFunctionData
|
* LoadFunctionData
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/** @type LoadFunctionData */ export let data;
|
/** @type LoadFunctionData */ export let data;
|
||||||
|
|
||||||
import Form from "$lib/form/Form.svelte";
|
import Form from "$lib/form/Form.svelte";
|
||||||
import Preview from "$lib/preview/Preview.svelte";
|
import Preview from "$lib/preview/Preview.svelte";
|
||||||
|
|
||||||
const templateIndex = data.templateIndex;
|
const templateIndex = data.templateIndex;
|
||||||
const templateImage = data.templateImage;
|
const templateImage = data.templateImage;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
<title>Carteles DMD - Plantilla {data.slug}</title>
|
<title>Carteles DMD - Plantilla {data.slug}</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<section class="form"><Form /></section>
|
<section class="form"><Form /></section>
|
||||||
|
|
||||||
{#if templateIndex !== undefined}
|
{#if templateIndex !== undefined}
|
||||||
<section class="preview">
|
<section class="preview">
|
||||||
<Preview {templateIndex} {templateImage} />
|
<Preview {templateIndex} {templateImage} />
|
||||||
</section>
|
</section>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.main {
|
.main {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 616px;
|
grid-template-columns: 1fr 616px;
|
||||||
grid-gap: 0.5rem;
|
grid-gap: 0.5rem;
|
||||||
min-height: calc(100vh - 5rem);
|
min-height: calc(100vh - 5rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
.form {
|
.form {
|
||||||
grid-column: 1/2;
|
grid-column: 1/2;
|
||||||
background-color: rgb(236, 240, 240);
|
background-color: rgb(236, 240, 240);
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview {
|
.preview {
|
||||||
grid-column: 2/3;
|
grid-column: 2/3;
|
||||||
background-color: rgb(240, 240, 240);
|
background-color: rgb(240, 240, 240);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue