PandaDEV/Qopy
1
0
Fork 0
mirror of https://github.com/0PandaDEV/Qopy.git synced 2025-04-21 13:14:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: update BottomBar component to use new Key component for keyboard modifier representation

Browse source
This commit is contained in:
pandadev 2025-03-16 21:32:27 +01:00
parent 843a1ea8b7
commit 409e10a8fd
No known key found for this signature in database
GPG key ID: C39629DACB8E762F
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/BottomBar.vue
View file

@ -13,7 +13,7 @@
<div v-if="secondaryAction" class="actions" @click="handleSecondaryClick"> <div v-if="secondaryAction" class="actions" @click="handleSecondaryClick">
<p class="text">{{ secondaryAction.text }}</p> <p class="text">{{ secondaryAction.text }}</p>
<div> <div>
<IconsCtrl v-if="(os === 'windows' || os === 'linux') && secondaryAction.showModifier" /> <Key v-if="(os === 'windows' || os === 'linux') && secondaryAction.showModifier" :input="'Ctrl'" />
<IconsCmd v-if="os === 'macos' && secondaryAction.showModifier" /> <IconsCmd v-if="os === 'macos' && secondaryAction.showModifier" />
<component :is="secondaryAction.icon" :input="secondaryAction.input" /> <component :is="secondaryAction.icon" :input="secondaryAction.input" />
</div> </div>
@ -25,8 +25,8 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import { platform } from "@tauri-apps/plugin-os"; import { platform } from "@tauri-apps/plugin-os";
import IconsCtrl from './Icons/Ctrl.vue'; import IconsCmd from './Keys/Cmd.vue';
import IconsCmd from './Icons/Cmd.vue'; import Key from './Keys/Key.vue';
interface Action { interface Action {
text: string; text: string;