diff --git a/src/app/Menu.ts b/src/app/Menu.ts index f727177b..85d060ab 100644 --- a/src/app/Menu.ts +++ b/src/app/Menu.ts @@ -592,7 +592,7 @@ export class Menu { } // eslint-disable-next-line @typescript-eslint/no-unused-vars - const [head, ...tail] = Menu.menu().flatMap((group) => + const [head, ..._tail] = Menu.menu().flatMap((group) => group.children.flatMap((item) => findComponent(item)).filter((item) => item !== null), ); return head; diff --git a/src/app/views/source/Source.ts b/src/app/views/source/Source.ts index 737fc64a..646c03fc 100644 --- a/src/app/views/source/Source.ts +++ b/src/app/views/source/Source.ts @@ -23,7 +23,7 @@ export default defineComponent({ (to) => { className.value = to.split('/').pop() || null; if (className.value && className.value.indexOf('Neon') === 0) { - fetch(`${import.meta.env.VITE_RESOURCE_URL}files/${to}.ts`).then((response) => { + fetch(`${import.meta.env.VITE_RESOURCE_URL}files${to}.ts`).then((response) => { response.text().then((file) => { template.value = file; }); diff --git a/src/sass/components/_grid.scss b/src/sass/components/_grid.scss index 650e1106..d136a9b7 100644 --- a/src/sass/components/_grid.scss +++ b/src/sass/components/_grid.scss @@ -19,14 +19,20 @@ display: flex; & > .neon-card { - &, + flex: 1 0 auto; + & > .neon-card-body { - flex: 1 0 auto; + flex: 0 1 auto; @include responsive.responsive(mobile-large) { flex: 0 0 auto; } } + + & > .neon-card-body:last-child, + & > .neon-card-footer:last-child { + flex: 1 0 auto; + } } } } diff --git a/src/sass/components/_search.scss b/src/sass/components/_search.scss index 50a6f0b5..679d0736 100644 --- a/src/sass/components/_search.scss +++ b/src/sass/components/_search.scss @@ -94,7 +94,6 @@ min-height: var(--neon-size-s); .neon-search__search-icon { - top: calc(0.5 * (var(--neon-size-s) - var(--neon-font-size-s)) + 0.75 * var(--neon-space-4)); width: var(--neon-font-size-s); height: var(--neon-font-size-s); } @@ -113,7 +112,6 @@ min-height: var(--neon-size-m); .neon-search__search-icon { - top: calc(0.5 * (var(--neon-size-m) - var(--neon-font-size-m)) + 0.75 * var(--neon-space-4)); width: var(--neon-font-size-m); height: var(--neon-font-size-m); } @@ -132,7 +130,6 @@ min-height: var(--neon-size-l); .neon-search__search-icon { - top: calc(0.5 * (var(--neon-size-l) - var(--neon-font-size-m)) + 0.75 * var(--neon-space-4)); width: var(--neon-font-size-m); height: var(--neon-font-size-m); } diff --git a/src/sass/global/_base-html.scss b/src/sass/global/_base-html.scss index 89d07b21..ee412f87 100644 --- a/src/sass/global/_base-html.scss +++ b/src/sass/global/_base-html.scss @@ -88,7 +88,7 @@ } &:not(.no-style) > li { - display: inline; + display: inline-flex; max-width: var(--neon-max-paragraph-width); padding-left: calc(7 * var(--neon-space-4)); @@ -97,7 +97,7 @@ padding-right: var(--neon-space-8); margin-left: calc(-7 * var(--neon-space-4)); display: inline-flex; - align-items: center; + align-items: flex-start; font-size: var(--neon-font-size-l); line-height: var(--neon-line-height-ratio); } diff --git a/src/sass/global/_typography.scss b/src/sass/global/_typography.scss index ac59f330..5a9c8048 100644 --- a/src/sass/global/_typography.scss +++ b/src/sass/global/_typography.scss @@ -21,7 +21,6 @@ } strong { - color: var(--neon-color-text-strong); font-weight: var(--neon-font-weight-strong); letter-spacing: var(--neon-letter-spacing-s); }