diff --git a/src/app/app.ts b/src/app/app.ts index 0d95cdc..48ff5bc 100644 --- a/src/app/app.ts +++ b/src/app/app.ts @@ -37,7 +37,12 @@ export class App { this.rootHtmlElement.classList.toggle('light-theme', !isDark); const lang = this.settingsService.language(); - this.rootHtmlElement.lang = lang.toLowerCase(); + const langMap: Record = { + 'KR': 'ko', + 'JP': 'ja', + 'EN': 'en' + }; + this.rootHtmlElement.lang = langMap[lang] || 'en'; const reduceMotion = this.settingsService.reduceAnimation(); this.rootHtmlElement.classList.toggle('reduce-motion', reduceMotion); diff --git a/src/app/components/level-card/level-card.scss b/src/app/components/level-card/level-card.scss index 226eb4c..2b3a404 100644 --- a/src/app/components/level-card/level-card.scss +++ b/src/app/components/level-card/level-card.scss @@ -25,9 +25,10 @@ $default_animation_duration: 0.2s; width: calc(100% - 64px); padding: 12px; box-sizing: border-box; - overflow: hidden; flex-shrink: 0; + border-radius: 8px; + z-index: 1; background-color: light-dark(white, black); @@ -122,7 +123,6 @@ $default_animation_duration: 0.2s; ); padding: 0; - &:hover { --hover-state: 1; }