diff --git a/src/apps/illumination/index.html b/src/apps/illumination/index.html index 08cbd0d..9720bed 100644 --- a/src/apps/illumination/index.html +++ b/src/apps/illumination/index.html @@ -6,22 +6,8 @@ Revolutionary illumination / solar app - - + diff --git a/src/structure/index.css b/src/structure/index.css new file mode 100644 index 0000000..85ec103 --- /dev/null +++ b/src/structure/index.css @@ -0,0 +1,3 @@ +/* FIXME: include reset css */ + +@import url('@shoelace-style/shoelace/dist/themes/light.css'); diff --git a/src/structure/ngv-structure-app.ts b/src/structure/ngv-structure-app.ts index 98be7bd..291461d 100644 --- a/src/structure/ngv-structure-app.ts +++ b/src/structure/ngv-structure-app.ts @@ -7,6 +7,8 @@ import {getLocale} from './helpers/localeHelper.js'; import './ngv-page.js'; import './ngv-structure-header.js'; +import './index.css'; + export interface INgvStructureApp { languages: Locale[]; header: { diff --git a/src/structure/ngv-structure-header.ts b/src/structure/ngv-structure-header.ts index 8aace14..bdb9071 100644 --- a/src/structure/ngv-structure-header.ts +++ b/src/structure/ngv-structure-header.ts @@ -4,6 +4,10 @@ import {customElement, property} from 'lit/decorators.js'; import type {INgvStructureApp} from './ngv-structure-app.js'; import {getLocale, setLocale} from './helpers/localeHelper.js'; +import '@shoelace-style/shoelace/dist/components/select/select.js'; +import '@shoelace-style/shoelace/dist/components/option/option.js'; +import type SlSelect from '@shoelace-style/shoelace/dist/components/select/select.js'; + @customElement('ngv-structure-header') export class NgvStructureHeader extends LitElement { @property({type: Object}) @@ -19,28 +23,23 @@ export class NgvStructureHeader extends LitElement { `; render(): HTMLTemplateResult { - const currentLocale = getLocale(); return html`
- - +
`;