Fox height issues

pull/8274/head
Puru Vijay 4 years ago
parent 152cc22806
commit 5b26afe9be

@ -1,7 +1,6 @@
// REPL props
export const svelteUrl = `https://unpkg.com/svelte@3`;
export const rollupUrl = `https://unpkg.com/rollup@1/dist/rollup.browser.js`;
export const mapbox_setup = `window.MAPBOX_ACCESS_TOKEN = '${
import.meta.env.VITE_MAPBOX_ACCESS_TOKEN
}';`;

@ -93,9 +93,9 @@
width: 100%;
}
:global(.examples-container, .repl-outer, .tutorial-outer) {
/* :global(.examples-container, .repl-outer, .tutorial-outer) {
height: calc(100vh - var(--nav-h) - var(--ukr-footer-height)) !important;
}
} */
:global(.toggle) {
bottom: var(--ukr-footer-height) !important;

@ -6,7 +6,6 @@
import ScreenToggle from '$lib/components/ScreenToggle.svelte';
import {
mapbox_setup, // see site/content/examples/15-context/00-context-api
rollupUrl,
svelteUrl,
} from '../../../config';
import TableOfContents from './_TableOfContents.svelte';
@ -14,8 +13,10 @@
/** @type {import('./$types').PageData} */
export let data;
/** @type {number} */
let width;
let offset = 1;
/** @type {import('@sveltejs/repl').default} */
let repl;
const { sections } = getContext('examples');
@ -48,7 +49,6 @@
<Repl
bind:this={repl}
{svelteUrl}
{rollupUrl}
orientation={replOrientation}
fixed={mobile}
relaxed

@ -9,7 +9,6 @@
import {
mapbox_setup, // needed for context API tutorial
rollupUrl,
svelteUrl,
} from '../../../config.js';
@ -138,7 +137,6 @@
<Repl
bind:this={repl}
{svelteUrl}
{rollupUrl}
orientation={mobile ? 'columns' : 'rows'}
fixed={mobile}
on:change={handle_change}

Loading…
Cancel
Save