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
+7
View File
@@ -31,6 +31,7 @@
@click="close(commandItem.value)" @click="close(commandItem.value)"
> >
<div class="commandItem"> <div class="commandItem">
<div class="commandBody">
<p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']"> <p :class="['center', 'my-0', commandItem.possible ? '' : 'commandImpossible']">
{{ commandItem.simpleName }} {{ commandItem.simpleName }}
<span v-if="commandItem.compensation > 0" class="compensatePositive">▲</span> <span v-if="commandItem.compensation > 0" class="compensatePositive">▲</span>
@@ -47,6 +48,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div v-if="!hideClose" class="commandBottom row mt-1 mb-1"> <div v-if="!hideClose" class="commandBottom row mt-1 mb-1">
<div class="offset-8 col-4 d-grid"> <div class="offset-8 col-4 d-grid">
<BButton @click="close()"> 닫기 </BButton> <BButton @click="close()"> 닫기 </BButton>
@@ -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>