fix: move start button to left nav when resume available, keep resume as sole primary action
This commit is contained in:
@@ -33,11 +33,13 @@ const { t } = useI18n()
|
||||
<button v-if="showAchievements" class="sub-btn" @click="emit('achievements')">{{ t('ui.achievements') }}</button>
|
||||
<span v-if="(showStory || showAchievements)" class="sub-sep">·</span>
|
||||
<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 class="bottom-right">
|
||||
<button 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('start')">{{ t('ui.start') }}</button>
|
||||
<button v-if="showResume" class="action-btn" @click="emit('resume')">{{ t('ui.resume') }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,18 +140,4 @@ const { t } = useI18n()
|
||||
background: rgba(201, 168, 76, 0.2);
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user