fix: move start button to left nav when resume available, keep resume as sole primary action

This commit is contained in:
2026-06-12 16:07:51 +08:00
parent 68f601db8c
commit c024b306bf

View File

@@ -33,11 +33,13 @@ const { t } = useI18n()
<button v-if="showAchievements" class="sub-btn" @click="emit('achievements')">{{ t('ui.achievements') }}</button> <button v-if="showAchievements" class="sub-btn" @click="emit('achievements')">{{ t('ui.achievements') }}</button>
<span v-if="(showStory || showAchievements)" class="sub-sep">·</span> <span v-if="(showStory || showAchievements)" class="sub-sep">·</span>
<button class="sub-btn" @click="emit('settings')">{{ t('ui.settings') }}</button> <button class="sub-btn" @click="emit('settings')">{{ t('ui.settings') }}</button>
<span v-if="showResume" class="sub-sep">·</span>
<button v-if="showResume" class="sub-btn" @click="emit('start')">{{ t('ui.start') }}</button>
</div> </div>
<div class="bottom-right"> <div class="bottom-right">
<button class="action-btn" @click="emit('start')">{{ t('ui.start') }}</button> <button v-if="!showResume" class="action-btn" @click="emit('start')">{{ t('ui.start') }}</button>
<button v-if="showResume" class="action-btn secondary" @click="emit('resume')">{{ t('ui.resume') }}</button> <button v-if="showResume" class="action-btn" @click="emit('resume')">{{ t('ui.resume') }}</button>
</div> </div>
</div> </div>
</div> </div>
@@ -138,18 +140,4 @@ const { t } = useI18n()
background: rgba(201, 168, 76, 0.2); background: rgba(201, 168, 76, 0.2);
border-color: rgba(201, 168, 76, 0.4); border-color: rgba(201, 168, 76, 0.4);
} }
.action-btn.secondary {
font-size: 13px;
padding: 6px 24px;
color: rgba(201, 168, 76, 0.6);
background: rgba(201, 168, 76, 0.03);
border-color: rgba(201, 168, 76, 0.1);
letter-spacing: 2px;
}
.action-btn.secondary:hover {
background: rgba(201, 168, 76, 0.1);
color: #c9a84c;
}
</style> </style>