AncTe/HumanBreak
1
1
Fork 0
mirror of https://github.com/unanmed/HumanBreak.git synced 2025-04-30 11:23:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 自定义工具栏编辑界面 & 修改怪物手册字体大小

Browse Source
This commit is contained in:
unanmed 2024-04-19 22:17:48 +08:00
parent 2514095f41
commit faf7b9b654
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/enemyOne.vue
View File

@ -223,12 +223,12 @@ function enter() {
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.rightbar { .rightbar {
width: 80%; width: 80%;
font-size: 85%; font-size: 110%;
} }
.leftbar { .leftbar {
width: 20%; width: 20%;
font-size: 80%; font-size: 100%;
} }
.enemy-container { .enemy-container {

17
src/ui/toolEditor.vue
View File

@ -204,12 +204,15 @@ import { isMobile } from '@/plugin/use';
import Scroll from '@/components/scroll.vue'; import Scroll from '@/components/scroll.vue';
import { deleteWith, tip } from '@/plugin/utils'; import { deleteWith, tip } from '@/plugin/utils';
import { Modal } from 'ant-design-vue'; import { Modal } from 'ant-design-vue';
import { mainSetting } from '@/core/main/setting';
const props = defineProps<{ const props = defineProps<{
ui: GameUi; ui: GameUi;
num: number; num: number;
}>(); }>();
const scale = mainSetting.getValue('ui.toolbarScale', 100) / 100;
const list = CustomToolbar.list; const list = CustomToolbar.list;
const selected = ref(0); const selected = ref(0);
@ -518,9 +521,9 @@ onUnmounted(() => {
.tool-preview-item { .tool-preview-item {
display: flex; display: flex;
margin: 5px; margin: v-bind('5 * scale + "px"');
min-width: 50px; min-width: v-bind('50 * scale + "px"');
height: 50px; height: v-bind('50 * scale + "px"');
background-color: #222; background-color: #222;
border: 1.5px solid #ddd8; border: 1.5px solid #ddd8;
justify-content: center; justify-content: center;
@ -547,7 +550,7 @@ onUnmounted(() => {
#tool-left { #tool-left {
width: 100%; width: 100%;
height: 100%; flex-basis: 40%;
max-height: 40vh; max-height: 40vh;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -565,7 +568,11 @@ onUnmounted(() => {
#tool-info { #tool-info {
width: 100%; width: 100%;
height: 100%; flex-basis: 60%;
#tool-detail {
height: 100%;
}
} }
.divider { .divider {