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 f9b1ab3ba7
commit a036f1c4bb
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)"
>
<div class="commandItem">
<p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']">
{{ commandItem.simpleName }}
<span v-if="commandItem.compensation > 0" class="compensatePositive">▲</span>
<span v-else-if="commandItem.compensation < 0" class="compensateNegative">▼</span>
</p>
<small class="center" :style="{ display: 'block' }">
{{
commandItem.title.startsWith(commandItem.simpleName)
? commandItem.title.substring(commandItem.simpleName.length)
: commandItem.title
}}
</small>
<div class="commandBody">
<p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']">
{{ commandItem.simpleName }}
<span v-if="commandItem.compensation > 0" class="compensatePositive">▲</span>
<span v-else-if="commandItem.compensation < 0" class="compensateNegative">▼</span>
</p>
<small class="center" :style="{ display: 'block' }">
{{
commandItem.title.startsWith(commandItem.simpleName)
? commandItem.title.substring(commandItem.simpleName.length)
: commandItem.title
}}
</small>
</div>
</div>
</div>
</div>
@@ -207,5 +209,10 @@ defineExpose({
cursor: pointer;
padding: 0.1em;
margin: 0;
min-height: 2.8em;
display: flex;
align-items: center;
justify-content: center;
}
</style>