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>
|
<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>
|
||||||
|
|||||||
Reference in New Issue
Block a user