devsam/core2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 정보 화면 버튼을 공통 Lumen 계열로 통일

Browse Source 
세력도시·세력정보·현재도시·내 정보·인사부·외교부의 raised control을 공통 semantic button family에 연결한다. 화면별 크기와 색상은 유지하고 실제 Chromium 상태 geometry 회귀를 추가한다.
This commit is contained in:
Hide_D
2026-08-21 17:34:45 +00:00
parent 24afa7f466
commit 71ce057318
13 changed files with 393 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/game-frontend/src/views/DiplomacyView.vue
+33 -30
View File
@@ -260,7 +260,11 @@ onBeforeUnmount(() => {
<tbody>
<tr>
<td>
외 교 부<br /><button class="legacy-button legacy-button--primary" type="button" @click="router.push('/')">
외 교 부<br /><button
class="legacy-button legacy-button--navigation"
type="button"
@click="router.push('/')"
>
돌아가기
</button>
</td>
@@ -390,7 +394,7 @@ onBeforeUnmount(() => {
<div class="document-row action-row">
<div class="row-label">동작</div>
<div class="row-content">
<button type="button" @click="sendLetter">전송</button>
<button class="legacy-button legacy-button--primary" type="button" @click="sendLetter">전송</button>
</div>
</div>
<input ref="fileInputRef" type="file" accept="image/*" class="hidden" @change="onSelectImage" />
@@ -577,22 +581,41 @@ onBeforeUnmount(() => {
<footer class="document-row letter-actions">
<div class="row-label">동작</div>
<div class="row-content">
<button v-if="canRespond(letter)" type="button" @click="respondLetter(letter.id, true)">
<button
v-if="canRespond(letter)"
class="legacy-button legacy-button--primary"
type="button"
@click="respondLetter(letter.id, true)"
>
승인
</button>
<button
v-if="canRespond(letter)"
class="legacy-button legacy-button--danger"
type="button"
@click="respondLetter(letter.id, false, '거부')"
>
거부
</button>
<button v-if="canRollback(letter)" type="button" @click="rollbackLetter(letter.id)">
<button
v-if="canRollback(letter)"
class="legacy-button legacy-button--secondary"
type="button"
@click="rollbackLetter(letter.id)"
>
회수
</button>
<button v-if="canDestroy(letter)" type="button" @click="destroyLetter(letter.id)">파기</button>
<button
v-if="canDestroy(letter)"
class="legacy-button legacy-button--danger"
type="button"
@click="destroyLetter(letter.id)"
>
파기
</button>
<button
v-if="canRenew(letter)"
class="legacy-button legacy-button--secondary"
type="button"
@click="
selectedPrevId = letter.id;
@@ -611,10 +634,11 @@ onBeforeUnmount(() => {
<tbody>
<tr>
<td>
<button class="legacy-button legacy-button--primary" type="button" @click="router.push('/')">돌아가기</button
<button class="legacy-button legacy-button--navigation" type="button" @click="router.push('/')">
돌아가기</button
><br /><br />
삼국지 모의전투 HiDCHe / KOEI의 이미지를 사용, 응용하였습니다 / 제작 :
HideD(hided62@gmail.com) /
삼국지 모의전투 HiDCHe / KOEI의 이미지를 사용, 응용하였습니다 / 제작 : HideD(hided62@gmail.com)
/
<a href="https://github.com/hided/SamK" target="_blank" rel="noopener noreferrer">Credit</a>
</td>
</tr>
@@ -659,17 +683,6 @@ onBeforeUnmount(() => {
text-align: left;
}
.legacy-button {
min-height: 34px;
padding: 5px 10px;
border: 1px solid #2d5d7f;
border-radius: 4px;
background: #315f86;
color: #fff;
font-weight: 700;
text-decoration: none;
}
.panel {
width: 1000px;
margin: 10px auto;
@@ -749,7 +762,7 @@ onBeforeUnmount(() => {
}
.editor-toolbar button,
.diplomacy-view button {
.diplomacy-view button:not(.legacy-button) {
border: 1px solid #aaa;
border-radius: 0;
background: #666;
@@ -758,16 +771,6 @@ onBeforeUnmount(() => {
cursor: pointer;
}
.diplomacy-view .legacy-button {
border: 0;
border-radius: 5.25px;
padding: 5.25px 10.5px;
background-color: rgb(55 90 127);
color: #fff;
font-weight: 700;
line-height: 21px;
}
.editor-toolbar button.active {
background: #315f86;
}