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

릴리스: v1.3.10 게임 허브 카드 폭과 SVG 아이콘 렌더링 정리

Browse Source
This commit is contained in:
zenn
2026-04-01 10:29:34 +09:00
parent b4ada4b9a2
commit 7b1ba19572
8 changed files with 81 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/App.vue
View File

@@ -12,6 +12,7 @@ import iconLists from './assets/icons/lists.svg'
import iconSearch from './assets/icons/search.svg'
import iconSettings from './assets/icons/settings.svg'
import RightRailAd from './components/RightRailAd.vue'
import SvgIcon from './components/SvgIcon.vue'
const route = useRoute()
const router = useRouter()
@@ -302,7 +303,7 @@ function submitGlobalSearch() {
<aside class="leftRail">
<div class="leftRail__top railHeader">
<button v-if="!isMobileLayout" class="ghostIcon ghostIcon--iconOnly" type="button" aria-label="왼쪽 패널 토글" @click="toggleLeftRail">
<img :src="iconDockToRight" alt="" />
<SvgIcon :src="iconDockToRight" :size="24" />
</button>
</div>
@@ -322,7 +323,7 @@ function submitGlobalSearch() {
<form class="searchStub" @submit.prevent="submitGlobalSearch">
<button class="searchStub__iconButton" type="button" :aria-label="leftRailCollapsed ? '검색 열기' : '검색'" @click="handleLeftRailSearch">
<span class="searchStub__icon">
<img :src="iconSearch" alt="" />
<SvgIcon :src="iconSearch" :size="24" />
</span>
</button>
<input v-model="searchQuery" class="searchStub__input" type="search" :placeholder="leftRailCollapsed ? '' : searchPlaceholder" />
@@ -339,7 +340,7 @@ function submitGlobalSearch() {
:aria-label="leftRailCollapsed ? item.label : undefined"
>
<span class="leftNav__glyph">
<img v-if="item.iconSrc" :src="item.iconSrc" alt="" />
<SvgIcon v-if="item.iconSrc" :src="item.iconSrc" :size="24" />
<svg v-else viewBox="0 0 24 24" aria-hidden="true"><path :d="item.icon" /></svg>
</span>
<span class="leftNav__label">{{ item.label }}</span>
@@ -365,14 +366,14 @@ function submitGlobalSearch() {
<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')">
<img :src="iconGridView" alt="" />
<SvgIcon :src="iconGridView" :size="24" />
</button>
<button class="ghostIcon ghostIcon--iconOnly" :class="{ 'ghostIcon--active': gameHubViewMode === 'list' }" type="button" aria-label="리스트 보기" @click="setGameHubViewMode('list')">
<img :src="iconLists" alt="" />
<SvgIcon :src="iconLists" :size="24" />
</button>
</div>
<button v-if="!rightRailOpen" class="ghostIcon ghostIcon--iconOnly" type="button" aria-label="패널 열기" @click="toggleRightRail">
<img :src="iconDockToLeft" alt="" />
<SvgIcon :src="iconDockToLeft" :size="24" />
</button>
</div>
</header>
@@ -385,7 +386,7 @@ function submitGlobalSearch() {
<div v-if="isCollapsedSearchOpen" class="collapsedSearchModal" role="dialog" aria-modal="true" :aria-label="searchPlaceholder" @click.self="closeCollapsedSearch">
<form class="collapsedSearchBar" @submit.prevent="submitGlobalSearch">
<span class="collapsedSearchBar__icon">
<img :src="iconSearch" alt="" />
<SvgIcon :src="iconSearch" :size="24" />
</span>
<input v-model="searchQuery" class="collapsedSearchBar__input" type="search" :placeholder="searchPlaceholder" autofocus />
</form>
@@ -396,7 +397,7 @@ function submitGlobalSearch() {
<aside class="rightRail" :class="{ 'rightRail--closed': !rightRailOpen, 'rightRail--overlay': isRightRailOverlay }" :aria-hidden="!rightRailOpen">
<div class="rightRail__top railHeader">
<button v-if="rightRailOpen" class="ghostIcon ghostIcon--iconOnly" type="button" aria-label="패널 닫기" @click="toggleRightRail">
<img :src="iconDockToLeft" alt="" />
<SvgIcon :src="iconDockToLeft" :size="24" />
</button>
</div>
<div class="rightRail__body">