diff --git a/src/components/top-bar/Hamburger.vue b/src/components/top-bar/Hamburger.vue index c46006fd..4476c770 100644 --- a/src/components/top-bar/Hamburger.vue +++ b/src/components/top-bar/Hamburger.vue @@ -2,7 +2,7 @@ @@ -20,18 +20,22 @@ defineEmits(['showKUNGalgameHamburger'])
- + - {{ $tm(`header['${kun.name}']`) }} + {{ $tm(`header.hamburger.${kun.name}`) }}
- + - + + +
+ {{ $tm('header.hamburger.home') }} +
@@ -54,8 +58,9 @@ defineEmits(['showKUNGalgameHamburger']) } .container { + height: 100vh; position: absolute; - width: 277px; + width: 247px; padding: 10px; background-color: var(--kungalgame-trans-white-2); border: 1px solid var(--kungalgame-blue-1); @@ -88,4 +93,21 @@ defineEmits(['showKUNGalgameHamburger']) font-size: 20px; } } + +.home { + width: 100%; + padding: 10px; + + a { + padding: 5px 10px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + border-radius: 5px; + font-size: 20px; + border: 1px solid var(--kungalgame-blue-4); + color: var(--kungalgame-blue-4); + } +} diff --git a/src/components/top-bar/KUNGalgameTopBar.vue b/src/components/top-bar/KUNGalgameTopBar.vue index 39e1e1fe..25407f55 100644 --- a/src/components/top-bar/KUNGalgameTopBar.vue +++ b/src/components/top-bar/KUNGalgameTopBar.vue @@ -71,7 +71,7 @@ onBeforeRouteLeave(() => { - {{ $tm(`header['${kun.name}']`) }} + {{ $tm(`header.${kun.name}`) }} diff --git a/src/components/top-bar/hamburgerItem.ts b/src/components/top-bar/hamburgerItem.ts new file mode 100644 index 00000000..ea497f01 --- /dev/null +++ b/src/components/top-bar/hamburgerItem.ts @@ -0,0 +1,22 @@ +// Interface for individual items in the top navigation bar +interface Hamburger { + index: number + name: string + router: string +} + +// Items in the top navigation bar +// (be sure to include '/' here, or child routes may have issues!!!) +export const hamburgerItem: Hamburger[] = [ + { index: 1, name: 'pool', router: '/pool' }, + { index: 2, name: 'create', router: '/edit' }, + { index: 3, name: 'technique', router: '/technique' }, + { index: 4, name: 'about', router: '/kungalgame' }, + { index: 5, name: 'ranking', router: '/ranking' }, + { index: 6, name: 'update', router: '/update-log' }, + { index: 7, name: 'bylaw', router: '/bylaw' }, + { index: 8, name: 'balance', router: '/balance' }, + { index: 9, name: 'nonMoe', router: '/non-moe' }, + { index: 10, name: 'thanks', router: '/thanks-list' }, + { index: 11, name: 'join', router: '/contact' }, +] diff --git a/src/language/en.ts b/src/language/en.ts index 2f79f4d8..ab07aa82 100644 --- a/src/language/en.ts +++ b/src/language/en.ts @@ -6,6 +6,21 @@ export default { technique: 'TECHNIQUE', about: 'ABOUT', return: 'HOME', + hamburger: { + name: 'KUN Visual Novel', + pool: 'Pool', + create: 'Create Topic', + technique: 'Technique', + about: 'About Us', + ranking: 'Ranking', + update: 'Update Log', + bylaw: 'Regulations', + balance: 'P & L', + nonMoe: 'Non-moe', + thanks: 'Thanks List', + join: 'Join / Contacts', + home: 'Back Home', + }, settings: { name: 'Settings', mode: 'Mode', diff --git a/src/language/zh.ts b/src/language/zh.ts index 7747e0b8..49d8ab8b 100644 --- a/src/language/zh.ts +++ b/src/language/zh.ts @@ -6,6 +6,21 @@ export default { technique: '技术交流', about: '关于我们', return: '返回主页', + hamburger: { + name: '鲲 Galgame', + pool: '所有话题', + create: '发布话题', + technique: '技术交流', + about: '关于我们', + ranking: '排行榜单', + update: '更新日志', + bylaw: '执行条例', + balance: '收支公示', + nonMoe: '不萌记录', + thanks: '感谢名单', + join: '加入 / 联系', + home: '返回主页', + }, settings: { name: '设置面板', mode: '模式切换',