devsam/core
3
6
Fork 1
Code Issues 60 Pull Requests Releases 1 Wiki Activity

misc: 턴 선택기에서 커맨드 항목 높이를 조절 및 가운데 정렬

Browse Source
This commit is contained in:
Hide_D
2022-04-15 20:11:21 +09:00
parent d9d629154c
commit 2ac8fe6683
1 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hwe/ts/components/CommandSelectForm.vue
+19 -12
View File
@@ -31,18 +31,20 @@
@click="close(commandItem.value)" @click="close(commandItem.value)"
> >
<div class="commandItem"> <div class="commandItem">
<p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']"> <div class="commandBody">
{{ commandItem.simpleName }} <p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']">
<span v-if="commandItem.compensation > 0" class="compensatePositive">▲</span> {{ commandItem.simpleName }}
<span v-else-if="commandItem.compensation < 0" class="compensateNegative">▼</span> <span v-if="commandItem.compensation > 0" class="compensatePositive">▲</span>
</p> <span v-else-if="commandItem.compensation < 0" class="compensateNegative">▼</span>
<small class="center" :style="{ display: 'block' }"> </p>
{{ <small class="center" :style="{ display: 'block' }">
commandItem.title.startsWith(commandItem.simpleName) {{
? commandItem.title.substring(commandItem.simpleName.length) commandItem.title.startsWith(commandItem.simpleName)
: commandItem.title ? commandItem.title.substring(commandItem.simpleName.length)
}} : commandItem.title
</small> }}
</small>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -207,5 +209,10 @@ defineExpose({
cursor: pointer; cursor: pointer;
padding: 0.1em; padding: 0.1em;
margin: 0; margin: 0;
min-height: 2.8em;
display: flex;
align-items: center;
justify-content: center;
} }
</style> </style>