refactor(fe): simplify ApprovalQueue summary structure - remove unnecessary wrapper

Removed unnecessary <div class="stats" role="toolbar"> wrapper.
Stats are now direct children of ks-page__summary (which has CSS Grid layout).

Benefits:
- Simpler DOM structure (fewer nesting levels)
- Role="toolbar" was misleading (this is a stats summary, not a toolbar)
- PageLayout.summary already handles grid layout
- Follows AGENTS.md Necessity-driven & Simplicity principles

Before: 1 wrapper + 3 stats = 4 divs
After: 3 stats = 3 divs (25% reduction)

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-08-16 00:57:59 +09:00
parent bacde3f529
commit a5a952fd43
@@ -134,7 +134,6 @@ const handleRetry = () => {
@retry="handleRetry" @retry="handleRetry"
> >
<template #summary> <template #summary>
<div class="stats" role="toolbar" aria-label="승인 통계 요약">
<div class="stat stat-pending"> <div class="stat stat-pending">
<span class="label">Pending</span> <span class="label">Pending</span>
<span class="value ks-financial-number">{{ statusStats.pending }}</span> <span class="value ks-financial-number">{{ statusStats.pending }}</span>
@@ -147,7 +146,6 @@ const handleRetry = () => {
<span class="label">Rejected</span> <span class="label">Rejected</span>
<span class="value ks-financial-number">{{ statusStats.rejected }}</span> <span class="value ks-financial-number">{{ statusStats.rejected }}</span>
</div> </div>
</div>
</template> </template>
<template #filters> <template #filters>