zenn/tier-maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

릴리스: v1.4.5 프런트 내부 명칭 정리 1차

Browse Source
This commit is contained in:
zenn
2026-04-02 18:26:18 +09:00
parent a733c97991
commit 1ed08d1e34
8 changed files with 68 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/App.vue
View File

@@ -134,8 +134,8 @@ const isGuideNextDisabled = computed(() => guideStepIndex.value >= guideSteps.le
const isLightTheme = computed(() => themeMode.value === 'light')
const themeToggleLabel = computed(() => (isLightTheme.value ? '다크 모드' : '라이트 모드'))
const showSettingsThemePanel = computed(() => false && route.name === 'profile')
const showGameHubViewToggle = computed(() => route.name === 'gameHub')
const gameHubViewMode = computed(() => (route.query.view === 'list' ? 'list' : 'grid'))
const showTopicViewToggle = computed(() => route.name === 'gameHub')
const topicViewMode = computed(() => (route.query.view === 'list' ? 'list' : 'grid'))
const leftBottomPrimaryAction = computed(() => {
if (!authReady.value) return null
if (route.name === 'home' && auth.user) {
@@ -344,7 +344,7 @@ function toggleRightRail() {
}
}
function setGameHubViewMode(mode) {
function setTopicViewMode(mode) {
if (route.name !== 'gameHub') return
const nextQuery = { ...route.query }
if (mode === 'list') nextQuery.view = 'list'
@@ -499,11 +499,11 @@ function submitGlobalSearch() {
<span class="workspaceHead__brandTitle">Tier Maker</span>
</div>
<div class="workspaceHead__actions">
<div v-if="showGameHubViewToggle" class="viewToggle" role="group" aria-label="티어표 보기 방식">
<button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': gameHubViewMode === 'grid' }" type="button" aria-label="그리드 보기" @click="setGameHubViewMode('grid')">
<div v-if="showTopicViewToggle" class="viewToggle" role="group" aria-label="티어표 보기 방식">
<button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': topicViewMode === 'grid' }" type="button" aria-label="그리드 보기" @click="setTopicViewMode('grid')">
<SvgIcon :src="iconGridView" :size="24" />
</button>
<button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': gameHubViewMode === 'list' }" type="button" aria-label="리스트 보기" @click="setGameHubViewMode('list')">
<button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': topicViewMode === 'list' }" type="button" aria-label="리스트 보기" @click="setTopicViewMode('list')">
<SvgIcon :src="iconLists" :size="24" />
</button>
</div>