fix refs in header

This commit is contained in:
Jon McClure 2022-08-26 13:25:42 +01:00
parent 3984cade66
commit d25ddff347
3 changed files with 7 additions and 9 deletions

View file

@ -1,5 +1,5 @@
<script>
import { ReutersLogo } from '../../../index.js';
import ReutersLogo from '../../ReutersLogo/ReutersLogo.svelte';
import CloseIcon from '../svgs/Close.svelte';
import { normalizeUrl } from '../NavBar/utils/index.js';

View file

@ -1,5 +1,5 @@
<script lang="ts">
import { ReutersLogo } from '../../index.js';
import ReutersLogo from '../ReutersLogo/ReutersLogo.svelte';
import NavBar from './NavBar/index.svelte';
import data from './data.json';
import { setContext } from 'svelte';

View file

@ -28,15 +28,13 @@
/** @type {Theme} */
$: mergedTheme = mergeThemes({}, themes[base] || themes.light, theme);
$: cssVariables = Object.entries(flatten({ theme: mergedTheme })).map(([key, value]) => `--${key}: ${value};`).join(' ');
$: cssVariables = Object.entries(flatten({ theme: mergedTheme }))
.map(([key, value]) => `--${key}: ${value};`)
.join(' ');
</script>
<div
class="theme"
style="{cssVariables}"
style:display="contents"
>
<div class="theme" style="{cssVariables}" style:display="contents">
<!-- Clients can override the theme above by attaching custom properties to this element. -->
<div class="theme-client-override" style="display: contents;">
<!-- Themed content -->