nanakura/moeka-project
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore(stage-tamagotchi): place microphone indicator to outside

Browse Source
This commit is contained in:
Neko Ayaka
2026-03-27 02:32:55 +08:00
parent 2f29103671
commit d0f89fdf7e
1 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/stage-tamagotchi/src/renderer/components/stage-islands/controls-island/index.vue
+16 -18
View File
@@ -188,22 +188,6 @@ function refreshWindow() {
</template>
</ControlButtonTooltip>
<ControlButtonTooltip disable-hoverable-content>
<ControlsIslandHearingConfig :show="blockingOverlays.has('hearing')" @update:show="setOverlay('hearing', $event)">
<div class="relative">
<ControlButton :button-style="adjustStyleClasses.button">
<Transition name="fade" mode="out-in">
<IndicatorMicVolume v-if="enabled" :class="adjustStyleClasses.icon" />
<div v-else i-ph:microphone-slash :class="adjustStyleClasses.icon" text="neutral-800 dark:neutral-300" />
</Transition>
</ControlButton>
</div>
</ControlsIslandHearingConfig>
<template #tooltip>
{{ t('tamagotchi.stage.controls-island.open-hearing-controls') }}
</template>
</ControlButtonTooltip>
<ControlButtonTooltip disable-hoverable-content>
<ControlButton :button-style="adjustStyleClasses.button" @click="toggleAlwaysOnTop()">
<div v-if="alwaysOnTop" i-solar:pin-bold :class="adjustStyleClasses.icon" text="neutral-800 dark:neutral-300" />
@@ -233,9 +217,7 @@ function refreshWindow() {
<ControlButtonTooltip side="left">
<ControlButton :button-style="adjustStyleClasses.button" @click="expanded = !expanded">
<div
:class="[adjustStyleClasses.icon, expanded ? 'rotate-180' : 'rotate-0']"
i-solar:alt-arrow-up-line-duotone scale-110 transition-all duration-300
text="neutral-800 dark:neutral-300"
/>
@@ -245,6 +227,22 @@ function refreshWindow() {
</template>
</ControlButtonTooltip>
<ControlButtonTooltip side="left">
<ControlsIslandHearingConfig :show="blockingOverlays.has('hearing')" @update:show="setOverlay('hearing', $event)">
<div class="relative">
<ControlButton :button-style="adjustStyleClasses.button">
<Transition name="fade" mode="out-in">
<IndicatorMicVolume v-if="enabled" :class="adjustStyleClasses.icon" />
<div v-else i-ph:microphone-slash :class="adjustStyleClasses.icon" text="neutral-800 dark:neutral-300" />
</Transition>
</ControlButton>
</div>
</ControlsIslandHearingConfig>
<template #tooltip>
{{ t('tamagotchi.stage.controls-island.open-hearing-controls') }}
</template>
</ControlButtonTooltip>
<ControlButtonTooltip side="left">
<ControlButton :button-style="adjustStyleClasses.button" cursor-move :class="{ 'drag-region': isLinux }" @mousedown="startDraggingWindow?.()">
<div i-ph:arrows-out-cardinal :class="adjustStyleClasses.icon" text="neutral-800 dark:neutral-300" />