AncTe/HumanBreak
1
0
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-02-28 17:37:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 更好的辅助按键显示

Browse Source
This commit is contained in:
unanmed 2023-12-18 17:47:00 +08:00
parent 334c25fb7a
commit 49d8050e03
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/core/main/custom/toolbar.ts
View File

@ -15,8 +15,6 @@ interface CustomToolbarEvent extends EmitableEvent {
emit: (id: string) => void;
}
type ToolbarItemType = 'hotkey' | 'item' | 'assistKey';
interface ToolbarItemBase<T extends ToolbarItemType> {
type: T;
id: string;
@ -45,6 +43,8 @@ interface ToolbarItemMap {
assistKey: AssistKeyToolbarItem;
}
type ToolbarItemType = keyof ToolbarItemMap;
export type SettableItemData<T extends ToolbarItemType = ToolbarItemType> =
Omit<ToolbarItemMap[T], 'id' | 'type'>;

10
src/ui/toolbar.vue
View File

@ -84,14 +84,14 @@ function click() {
height: 50px;
cursor: pointer;
background-color: #222;
border: 1px solid #ddd8;
border: 1.5px solid #ddd8;
justify-content: center;
align-items: center;
transition: all 0.1s linear;
}
.toolbar-item::v-deep(> *) {
height: 50px;
height: 100%;
min-width: 50px;
display: flex;
justify-content: center;
@ -99,6 +99,12 @@ function click() {
text-align: center;
text-overflow: clip;
text-wrap: nowrap;
overflow: hidden;
}
.toolbar-item::v-deep(.button-text)[active='true'] {
color: gold;
background-color: #555;
}
.toolbar-item:hover {