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

fix: 비일관적인 breakpoint 정정

Browse Source 
- md가 아니라 lg를 기준으로 잡아야 함
- lg의 기준 breakpoint를 940으로 변경
- is100pxMode의 기준 역시 lg breakpoint와 일치
This commit is contained in:
Hide_D
2023-06-30 16:30:44 +00:00
parent f8ebcf91b1
commit de17d87f47
44 changed files with 238 additions and 238 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hwe/scss/common/break_500px.scss
+5 -5
View File
@@ -3,7 +3,7 @@
$container-max-widths: (
md: 500px,
lg: 1020px,
lg: 1000px,
xl: 1140px,
xxl: 1320px
);
@@ -11,8 +11,8 @@ $container-max-widths: (
$grid-breakpoints: (
xs: 0,
sm: 520px,
md: 900px,
lg: 992px,
md: 760px,
lg: 940px,
xl: 1200px,
xxl: 1400px
);
@@ -24,7 +24,7 @@ $grid-breakpoints: (
}
@mixin media-1000px{
@media (min-width: map-get($grid-breakpoints, 'md')) {
@media (min-width: map-get($grid-breakpoints, 'lg')) {
@content;
}
@@ -36,7 +36,7 @@ $grid-breakpoints: (
}
@mixin media-500px{
@media (max-width: calc(map-get($grid-breakpoints, 'md') - .02px)) {
@media (max-width: calc(map-get($grid-breakpoints, 'lg') - .02px)) {
@content;
}
}
hwe/ts/PageBattleCenter.vue
+9 -9
View File
@@ -3,10 +3,10 @@
<TopBackBar title="감찰부" :reloadable="true" type="close" @reload="reload" />
<div class="row gx-0">
<div class="col-2 col-md-1 d-grid">
<div class="col-2 col-lg-1 d-grid">
<BButton @click="changeTargetByOffset(-1)">◀ 이전</BButton>
</div>
<div class="col-3 col-md-4">
<div class="col-3 col-lg-4">
<BFormSelect v-model="orderBy">
<BFormSelectOption
v-for="[orderKey, [orderName]] of Object.entries(textMap)"
@@ -17,7 +17,7 @@
</BFormSelectOption>
</BFormSelect>
</div>
<div class="col-5 col-md-6">
<div class="col-5 col-lg-6">
<BFormSelect v-model="targetGeneralID">
<BFormSelectOption v-for="general of orderedGeneralList" :key="general.no" :value="general.no">
<span
@@ -31,12 +31,12 @@
</BFormSelectOption>
</BFormSelect>
</div>
<div class="col-2 col-md-1 d-grid">
<div class="col-2 col-lg-1 d-grid">
<BButton @click="changeTargetByOffset(1)">다음 ▶</BButton>
</div>
</div>
<div v-if="targetGeneral && nationInfo && targetGeneralLogs" class="row gx-0 bg0">
<div class="col-12 col-md-6">
<div class="col-12 col-lg-6">
<div class="bg1 header-cell" style="color: skyblue">장수 정보</div>
<GeneralBasicCard
:general="targetGeneral"
@@ -46,22 +46,22 @@
/>
<GeneralSupplementCard :general="targetGeneral" />
</div>
<div class="col-12 col-md-6">
<div class="col-12 col-lg-6">
<div class="bg1 header-cell">장수 열전</div>
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-for="[id, log] of targetGeneralLogs.generalHistory" :key="id" v-html="log" />
</div>
<div class="col-12 col-md-6">
<div class="col-12 col-lg-6">
<div class="bg1 header-cell">전투 기록</div>
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-for="[id, log] of targetGeneralLogs.battleDetail" :key="id" v-html="log" />
</div>
<div class="col-12 col-md-6">
<div class="col-12 col-lg-6">
<div class="bg1 header-cell">전투 결과</div>
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-for="[id, log] of targetGeneralLogs.battleResult" :key="id" v-html="log" />
</div>
<div v-if="targetGeneralLogs.generalAction.size > 0" class="col-12 col-md-6">
<div v-if="targetGeneralLogs.generalAction.size > 0" class="col-12 col-lg-6">
<div class="bg1 header-cell">개인 기록</div>
<!-- eslint-disable-next-line vue/no-v-html -->
<div v-for="[id, log] of targetGeneralLogs.generalAction" :key="id" v-html="log" />
hwe/ts/PageBoard.vue
+6 -6
View File
@@ -5,15 +5,15 @@
<div id="newArticle" class="bg0">
<div class="newArticleHeader bg2 center">새 게시물 작성</div>
<div class="row gx-0">
<div class="col-2 col-md-1 articleTitle bg1 center">제목</div>
<div class="col-10 col-md-11">
<div class="col-2 col-lg-1 articleTitle bg1 center">제목</div>
<div class="col-10 col-lg-11">
<!-- eslint-disable-next-line vue/max-attributes-per-line -->
<input v-model="newArticle.title" class="titleInput" type="text" maxlength="250" placeholder="제목" />
</div>
</div>
<div class="row gx-0">
<div class="col-2 col-md-1 bg1 center">내용</div>
<div class="col-10 col-md-11">
<div class="col-2 col-lg-1 bg1 center">내용</div>
<div class="col-10 col-lg-11">
<textarea
ref="newArticleTextForm"
v-model="newArticle.text"
@@ -24,8 +24,8 @@
</div>
</div>
<div class="row">
<div class="col-8 col-md-10" />
<div class="col-4 col-md-2 d-grid">
<div class="col-8 col-lg-10" />
<div class="col-4 col-lg-2 d-grid">
<b-button id="submitArticle" @click="submitArticle"> 등록 </b-button>
</div>
</div>
hwe/ts/PageFront.vue
+2 -2
View File
@@ -107,14 +107,14 @@
</div>
</div>
<div class="RecordZone row gx-0">
<div class="PublicRecord col col-12 col-md-6">
<div class="PublicRecord col col-12 col-lg-6">
<div class="bg1 center s-border-tb title">장수 동향</div>
<template v-for="[idx, rawText] of globalRecords.toArray()" :key="idx">
<!-- eslint-disable-next-line vue/no-v-html -->
<div :v-data-idx="idx" v-html="formatLog(rawText)" />
</template>
</div>
<div class="GeneralLog col col-12 col-md-6">
<div class="GeneralLog col col-12 col-lg-6">
<div class="bg1 center s-border-tb title">개인 기록</div>
<template v-for="[idx, rawText] of generalRecords.toArray()" :key="idx">
<!-- eslint-disable-next-line vue/no-v-html -->
hwe/ts/PageHistory.vue
+4 -4
View File
@@ -11,12 +11,12 @@
</BDropdown>
</TopBackBar>
<div class="center row mx-0 s-border-tb">
<div class="col-md-1 col-2 year-selector text-end align-self-center">연월 선택:</div>
<BButton class="col-md-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) - 1">◀ 이전달</BButton>
<div class="col-md-3 col-5 d-grid">
<div class="col-lg-1 col-2 year-selector text-end align-self-center">연월 선택:</div>
<BButton class="col-lg-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) - 1">◀ 이전달</BButton>
<div class="col-lg-3 col-5 d-grid">
<BFormSelect v-model="queryYearMonth" :options="generateYearMonthList()" />
</div>
<BButton class="col-md-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) + 1">다음달 ▶</BButton>
<BButton class="col-lg-1 col-2" @click="queryYearMonth = unwrap(queryYearMonth) + 1">다음달 ▶</BButton>
</div>
<div v-if="history" id="map_holder" :class="['row', 'gx-0', isNationRankingBottom ? 'isNationRankingBottom' : '']">
<div class="map_position">
hwe/ts/PageInheritPoint.vue
+10 -10
View File
@@ -9,10 +9,10 @@
<template v-for="(text, key) in inheritanceViewText" :key="key">
<div :id="`inherit_${key}`" class="col col-sm-4 col-12 inherit_item inherit_template_item">
<div class="row">
<label :id="`inherit_${key}_head`" class="inherit_head col col-md-6 col-sm-7 col-6 col-form-label">{{
<label :id="`inherit_${key}_head`" class="inherit_head col col-lg-6 col-sm-7 col-6 col-form-label">{{
text.title
}}</label>
<div class="col col-md-6 col-sm-5 col-6">
<div class="col col-lg-6 col-sm-5 col-6">
<input
:id="`inherit_${key}_value`"
type="text"
@@ -41,7 +41,7 @@
</div>
<div class="row">
<div class="col offset-md-4 col-md-4 col-sm-6 col-12 py-2">
<div class="col offset-lg-4 col-lg-4 col-sm-6 col-12 py-2">
<div class="row px-4">
<div class="a-right col-6 align-self-center">다음 전투 특기 선택</div>
<div class="col-6">
@@ -65,7 +65,7 @@
<BButton class="col-6 offset-6" variant="primary" @click="setNextSpecialWar"> 구입 </BButton>
</div>
</div>
<div class="col col-md-4 col-sm-6 col-12 py-2">
<div class="col col-lg-4 col-sm-6 col-12 py-2">
<div class="row px-4">
<div class="a-right col-6 align-self-center">유니크 경매</div>
<div class="col-6">
@@ -104,7 +104,7 @@
<hr :style="{ opacity: 0.5 }" />
</div>
<div class="row py-sm-2">
<div class="col col-md-4 col-sm-6 col-12 py-2">
<div class="col col-lg-4 col-sm-6 col-12 py-2">
<div class="row px-4">
<div class="a-right col-6 align-self-center">랜덤 턴 초기화</div>
<BButton class="col-6" variant="primary" @click="buySimple('ResetTurnTime')"> 구입 </BButton>
@@ -117,7 +117,7 @@
>
</div>
</div>
<div class="col col-md-4 col-sm-6 col-12 py-2">
<div class="col col-lg-4 col-sm-6 col-12 py-2">
<div class="row px-4">
<div class="a-right col-6 align-self-center">랜덤 유니크 획득</div>
<BButton class="col-6" variant="primary" @click="buySimple('BuyRandomUnique')"> 구입 </BButton>
@@ -130,7 +130,7 @@
>
</div>
</div>
<div class="col col-md-4 col-sm-6 col-12 py-2">
<div class="col col-lg-4 col-sm-6 col-12 py-2">
<div class="row px-4">
<div class="a-right col-6 align-self-center">즉시 전투 특기 초기화</div>
<BButton class="col-6" variant="primary" @click="buySimple('ResetSpecialWar')"> 구입 </BButton>
@@ -149,7 +149,7 @@
<hr :style="{ opacity: 0.5 }" />
</div>
<div class="row">
<div v-for="(info, buffKey) in inheritBuffHelpText" :key="buffKey" class="col col-md-4 col-sm-6 col-12">
<div v-for="(info, buffKey) in inheritBuffHelpText" :key="buffKey" class="col col-lg-4 col-sm-6 col-12">
<div class="row">
<label class="col col-sm-6 col-form-label" :for="`buff-${buffKey}`">{{ info.title }}</label>
<div class="col col-sm-6 f_tnum">
@@ -175,11 +175,11 @@
<div class="row px-4" style="margin-bottom: 1em">
<BButton
variant="secondary"
class="col col-md-6 col-4 offset-md-0 offset-4"
class="col col-lg-6 col-4 offset-lg-0 offset-4"
@click="inheritBuff[buffKey] = prevInheritBuff[buffKey] ?? 0"
>
리셋 </BButton
><BButton variant="primary" class="col col-md-6 col-4" @click="buyInheritBuff(buffKey)"> 구입 </BButton>
><BButton variant="primary" class="col col-lg-6 col-4" @click="buyInheritBuff(buffKey)"> 구입 </BButton>
</div>
</div>
</div>
hwe/ts/PageJoin.vue
+22 -22
View File
@@ -60,28 +60,28 @@
</div>
<div class="forms">
<div class="row">
<div class="col col-md-4 col-3 a-right align-self-center">장수명</div>
<div class="col col-md-3 col-9 align-self-center">
<div class="col col-lg-4 col-3 a-right align-self-center">장수명</div>
<div class="col col-lg-3 col-9 align-self-center">
<input v-if="!blockCustomGeneralName" v-model="args.name" class="form-control" />
<span v-else>무작위</span>
</div>
<div class="col col-md-1 col-3 a-right align-self-center">전콘 사용</div>
<div class="col col-md-4 col-9 align-self-center">
<div class="col col-lg-1 col-3 a-right align-self-center">전콘 사용</div>
<div class="col col-lg-4 col-9 align-self-center">
<img style="height: 64px; width: 64px" :src="iconPath" />
<label> <input v-model="args.pic" type="checkbox" /> 사용 </label>
</div>
<div class="col col-md-4 col-3 align-self-center a-right">성격</div>
<div class="col col-lg-4 col-3 align-self-center a-right">성격</div>
<div class="col col-md-8 col-9 align-self-center">
<div class="col col-lg-8 col-9 align-self-center">
<div class="row">
<div class="col col-md-3 col-4 align-self-center">
<div class="col col-lg-3 col-4 align-self-center">
<select v-model="args.character" class="form-select form-inline" style="max-width: 20ch">
<option v-for="(personalityObj, key) in availablePersonality" :key="key" :value="key">
{{ personalityObj.name }}
</option>
</select>
</div>
<div class="col col-md-9 col-8 align-self-center">
<div class="col col-lg-9 col-8 align-self-center">
<small class="text-muted">
{{ availablePersonality[args.character].info }}
</small>
@@ -95,24 +95,24 @@
</div>
</div>-->
<div class="row" style="margin-top: 1em">
<div class="col col-md-4 col-3 a-right align-self-center">
<div class="col col-lg-4 col-3 a-right align-self-center">
능력치
<br />
<small class="text-muted">통/무/지</small>
</div>
<div class="col col-md-2 col-3 align-self-center">
<div class="col col-lg-2 col-3 align-self-center">
<input v-model.number="args.leadership" type="number" class="form-control" />
</div>
<div class="col col-md-2 col-3 align-self-center">
<div class="col col-lg-2 col-3 align-self-center">
<input v-model.number="args.strength" type="number" class="form-control" />
</div>
<div class="col col-md-2 col-3 align-self-center">
<div class="col col-lg-2 col-3 align-self-center">
<input v-model.number="args.intel" type="number" class="form-control" />
</div>
</div>
<div class="row" style="margin-top: 1em">
<div class="col col-md-4 col-3 a-right align-self-center">능력치 조절</div>
<div class="col col-md-8 col-9">
<div class="col col-lg-4 col-3 a-right align-self-center">능력치 조절</div>
<div class="col col-lg-8 col-9">
<b-button variant="secondary" class="stat-btn" @click="randStatRandom"> 랜덤형 </b-button>
<b-button variant="secondary" class="stat-btn" @click="randStatLeadPow"> 통솔무력형 </b-button>
<b-button variant="secondary" class="stat-btn" @click="randStatLeadInt"> 통솔지력형 </b-button>
@@ -134,8 +134,8 @@
</div>
<div class="row bg1">
<div class="col col-md-11 col-9 center align-self-center">유산 포인트 사용</div>
<div class="col col-md-1 col-3">
<div class="col col-lg-11 col-9 center align-self-center">유산 포인트 사용</div>
<div class="col col-lg-1 col-3">
<label>
<input v-model="displayInherit" type="checkbox" />
{{ displayInherit ? "숨기기" : "보이기" }}
@@ -153,7 +153,7 @@
</div>
<hr />
<div class="row">
<div class="col col-md-6 col-sm-6 col-12 p-2 align-self-center">
<div class="col col-lg-6 col-sm-6 col-12 p-2 align-self-center">
<div class="row">
<div class="col col-6 a-right align-self-center">천재로 생성</div>
<div class="col col-6 align-self-center">
@@ -171,7 +171,7 @@
</div>
</div>
<div class="col col-md-6 col-sm-6 col-12 p-2 align-self-center">
<div class="col col-lg-6 col-sm-6 col-12 p-2 align-self-center">
<div class="row">
<div class="col col-6 a-right align-self-center">도시</div>
<div class="col col-6 align-self-center">
@@ -185,12 +185,12 @@
</div>
</div>
<div class="col col-md-6 col-sm-6 col-12 p-2 align-self-center">
<div class="col col-lg-6 col-sm-6 col-12 p-2 align-self-center">
<div class="a-center">
<label> <input v-model="inheritTurnTimeSet" type="checkbox" />턴 시간 고정 </label>
</div>
<div class="row turn_time_pad">
<div class="col col-md-4 offset-md-3 col-4 offset-3">
<div class="col col-lg-4 offset-lg-3 col-4 offset-3">
<NumberInputWithInfo
v-model="inheritTurnTimeMinute"
:readonly="!inheritTurnTimeSet"
@@ -200,7 +200,7 @@
title="분"
/>
</div>
<div class="col col-md-4 col-4">
<div class="col col-lg-4 col-4">
<NumberInputWithInfo
v-model="inheritTurnTimeSecond"
:readonly="!inheritTurnTimeSet"
@@ -213,7 +213,7 @@
</div>
</div>
<div class="col col-md-6 col-12 p-2">
<div class="col col-lg-6 col-12 p-2">
<div class="a-center">추가 능력치 고정</div>
<div class="row">
<div class="col">
hwe/ts/PageNPCControl.vue
+2 -2
View File
@@ -14,7 +14,7 @@
({{ lastSetters.policy.date ?? "설정 기록 없음" }})
</small>
</div>
<div class="form_list row row-cols-md-2 row-cols-1">
<div class="form_list row row-cols-lg-2 row-cols-1">
<div class="col">
<NumberInputWithInfo v-model="nationPolicy.reqNationGold" :step="100" title="국가 권장 금">
이보다 많으면 포상, 적으면 몰수/헌납합니다.(긴급포상 제외)
@@ -193,7 +193,7 @@
</div>
<button type="button" class="btn btn-primary submit_btn" @click="submitPolicy">설정</button>
</div>
<div class="row row-cols-md-2 row-cols-1 g-0">
<div class="row row-cols-lg-2 row-cols-1 g-0">
<div class="col half_section_left">
<div class="bg1 section_bar">NPC 사령턴 우선순위</div>
<div class="float-right px-3">
hwe/ts/PageNationStratFinan.vue
+10 -10
View File
@@ -144,7 +144,7 @@
<div class="align-self-center">세율 <span class="avoid-wrap">(5 ~ 30%)</span></div>
</div>
<div class="col-8 row gx-0">
<div class="col-md-6 offset-md-3 align-self-center">
<div class="col-lg-6 offset-lg-3 align-self-center">
<div class="input-group my-0">
<input
v-model="policy.rate"
@@ -166,7 +166,7 @@
<div class="align-self-center">지급률 <span class="avoid-wrap">(20 ~ 200%)</span></div>
</div>
<div class="col-8 row gx-0">
<div class="col-md-6 offset-md-3 align-self-center">
<div class="col-lg-6 offset-lg-3 align-self-center">
<div class="input-group my-0">
<input
v-model="policy.bill"
@@ -188,7 +188,7 @@
<div class="align-self-center">기밀 권한 <span class="avoid-wrap">(1 ~ 99년)</span></div>
</div>
<div class="col-8 row gx-0">
<div class="col-md-6 offset-md-3 align-self-center">
<div class="col-lg-6 offset-lg-3 align-self-center">
<div class="input-group my-0">
<input
v-model="policy.secretLimit"
@@ -216,16 +216,16 @@
</div>
</div>
</div>
<div class="col-3 col-md-4" />
<div class="col-3 col-md-2 row gx-0">
<div class="col-9 col-md-8 text-end p-2">전쟁 금지</div>
<div class="col-3 col-md-4 py-2">
<div class="col-3 col-lg-4" />
<div class="col-3 col-lg-2 row gx-0">
<div class="col-9 col-lg-8 text-end p-2">전쟁 금지</div>
<div class="col-3 col-lg-4 py-2">
<b-form-checkbox v-model="policy.blockWar" switch @change="setBlockWar" />
</div>
</div>
<div class="col-3 col-md-2 row gx-0">
<div class="col-9 col-md-8 text-end p-2">임관 금지</div>
<div class="col-3 col-md-4 py-2">
<div class="col-3 col-lg-2 row gx-0">
<div class="col-9 col-lg-8 text-end p-2">임관 금지</div>
<div class="col-3 col-lg-4 py-2">
<b-form-checkbox v-model="policy.blockScout" switch @change="setBlockScout" />
</div>
</div>
hwe/ts/PageTroop.vue
+1 -1
View File
@@ -108,7 +108,7 @@
</div>
</div>
<div v-if="asyncReady && gameConstStore && me" class="row additionalTroopOptions">
<div v-if="me.troop == 0" class="col-6 col-md-3">
<div v-if="me.troop == 0" class="col-6 col-lg-3">
<div class="row gx-0 makeNewTroop">
<div class="bg1 col-12 center" style="font-size: 1.2em">부대 창설</div>
<div class="troopNameField col-8 d-grid">
hwe/ts/PageVote.vue
+12 -12
View File
@@ -95,8 +95,8 @@
<th>#</th>
<th>
<div class="row gx-0">
<div class="col-12 col-md-6">국가명</div>
<div class="col-12 col-md-6">장수명</div>
<div class="col-12 col-lg-6">국가명</div>
<div class="col-12 col-lg-6">장수명</div>
</div>
</th>
<th>댓글</th>
@@ -108,8 +108,8 @@
<td class="comment-idx f_tnum">{{ idx + 1 }}.</td>
<td class="comment-name">
<div class="row gx-0">
<div class="col-12 col-md-6">{{ comment.nationName }}</div>
<div class="col-12 col-md-6">{{ comment.generalName }}</div>
<div class="col-12 col-lg-6">{{ comment.nationName }}</div>
<div class="col-12 col-lg-6">{{ comment.generalName }}</div>
</div>
</td>
<td>{{ comment.text }}</td>
@@ -121,7 +121,7 @@
<tr>
<td></td>
<td>
<div class="offset-md-6 d-grid"><BButton type="submit">댓글 달기</BButton></div>
<div class="offset-lg-6 d-grid"><BButton type="submit">댓글 달기</BButton></div>
</td>
<td colspan="2"><BFormInput v-model="myComment" /></td>
</tr>
@@ -142,18 +142,18 @@
<div class="row"><a href="#" @click.prevent="showNewVote = !showNewVote">새 설문 조사 열기</a></div>
<template v-if="showNewVote">
<div class="row gx-0">
<div class="col-md-3">설문 제목</div>
<div class="col-md-9"><BFormInput v-model="newVoteInfo.title" type="text" /></div>
<div class="col-lg-3">설문 제목</div>
<div class="col-lg-9"><BFormInput v-model="newVoteInfo.title" type="text" /></div>
</div>
<div class="row gx-0">
<div class="col-md-3">설문 대상(엔터로 구분) ({{ newVoteInfo.options.length }}건)</div>
<div class="col-md-9">
<div class="col-lg-3">설문 대상(엔터로 구분) ({{ newVoteInfo.options.length }}건)</div>
<div class="col-lg-9">
<textarea v-model="newVoteOptionsText" class="form-control" :rows="newVoteOptionsLength + 1"></textarea>
</div>
</div>
<div class="row gx-0">
<div class="col-md-3">동시 응답 수(0=모두)</div>
<div class="col-md-9">
<div class="col-lg-3">동시 응답 수(0=모두)</div>
<div class="col-lg-9">
<BFormInput
v-model.number="newVoteInfo.multipleOptions"
type="number"
@@ -163,7 +163,7 @@
</div>
</div>
<div class="row gx-0">
<div class="offset-8 col-4 offset-md-10 col-md-2 d-grid">
<div class="offset-8 col-4 offset-lg-10 col-lg-2 d-grid">
<BButton @click="submitNewVote">제출</BButton>
</div>
</div>
hwe/ts/components/AuctionResource.vue
+11 -11
View File
@@ -32,10 +32,10 @@
<div class="closeDate f_tnum">{{ cutDateTime(auction.closeDate) }}</div>
</div>
<div v-if="selectedBuyRiceAuction !== undefined" class="row gx-1">
<div class="offset-1 col-4 offset-md-3 col-md-2 align-self-center f_tnum text-end">
<div class="offset-1 col-4 offset-lg-3 col-lg-2 align-self-center f_tnum text-end">
{{ selectedBuyRiceAuction.id }}번 쌀 {{ selectedBuyRiceAuction.amount }} 경매에 금
</div>
<div class="col-3 col-md-2">
<div class="col-3 col-lg-2">
<NumberInputWithInfo
v-model="bidAmountBuyRiceAuction"
:int="true"
@@ -44,7 +44,7 @@
:step="10"
></NumberInputWithInfo>
</div>
<div class="col-2 col-md-1 d-grid"><BButton @click="bidBuyRiceAuction">입찰</BButton></div>
<div class="col-2 col-lg-1 d-grid"><BButton @click="bidBuyRiceAuction">입찰</BButton></div>
</div>
<div style="background-color: skyblue">쌀 판매</div>
@@ -78,10 +78,10 @@
<div class="closeDate f_tnum">{{ cutDateTime(auction.closeDate) }}</div>
</div>
<div v-if="selectedSellRiceAuction !== undefined" class="row gx-1">
<div class="offset-1 col-4 offset-md-3 col-md-2 align-self-center f_tnum text-end">
<div class="offset-1 col-4 offset-lg-3 col-lg-2 align-self-center f_tnum text-end">
{{ selectedSellRiceAuction.id }}번 금 {{ selectedSellRiceAuction.amount }} 경매에 쌀
</div>
<div class="col-3 col-md-2">
<div class="col-3 col-lg-2">
<NumberInputWithInfo
v-model="bidAmountSellRiceAuction"
:int="true"
@@ -90,12 +90,12 @@
:step="10"
></NumberInputWithInfo>
</div>
<div class="col-2 col-md-1 d-grid"><BButton @click="bidSellRiceAuction">입찰</BButton></div>
<div class="col-2 col-lg-1 d-grid"><BButton @click="bidSellRiceAuction">입찰</BButton></div>
</div>
<div>경매 등록</div>
<div class="row gx-1">
<div class="col-2 offset-md-2 col-md-1">
<div class="col-2 offset-lg-2 col-lg-1">
매물<br />
<BButtonGroup>
<BButton :pressed="openAuctionInfo.type == 'buyRice'" @click="openAuctionInfo.type = 'buyRice'"> 쌀 </BButton>
@@ -105,7 +105,7 @@
</BButtonGroup>
</div>
<div class="col col-md-2">
<div class="col col-lg-2">
수량 ({{ openAuctionInfo.type == "buyRice" ? "쌀" : "금" }})<br />
<NumberInputWithInfo
v-model="openAuctionInfo.amount"
@@ -115,7 +115,7 @@
:step="10"
></NumberInputWithInfo>
</div>
<div class="col-2 col-md-1">
<div class="col-2 col-lg-1">
기간(턴)
<NumberInputWithInfo
v-model="openAuctionInfo.closeTurnCnt"
@@ -125,7 +125,7 @@
:step="1"
></NumberInputWithInfo>
</div>
<div class="col col-md-2">
<div class="col col-lg-2">
시작가 ({{ openAuctionInfo.type == "buyRice" ? "금" : "쌀" }})
<NumberInputWithInfo
v-model="openAuctionInfo.startBidAmount"
@@ -135,7 +135,7 @@
:step="10"
></NumberInputWithInfo>
</div>
<div class="col col-md-2">
<div class="col col-lg-2">
마감가 ({{ openAuctionInfo.type == "buyRice" ? "금" : "쌀" }})
<NumberInputWithInfo
v-model="openAuctionInfo.finishBidAmount"
hwe/ts/components/AuctionUniqueItem.vue
+19 -19
View File
@@ -6,48 +6,48 @@
<template v-if="currentAuction !== undefined">
<div class="bg2">경매 {{ currentAuction.auction.id }}번 상세</div>
<div class="row gx-0 text-center">
<div class="col-2 col-md-1 bg1">경매명</div>
<div v-b-tooltip.hover="getItemTooltipText(currentAuction.auction.target)" class="col-4 col-md-2">
<div class="col-2 col-lg-1 bg1">경매명</div>
<div v-b-tooltip.hover="getItemTooltipText(currentAuction.auction.target)" class="col-4 col-lg-2">
{{ currentAuction.auction.title }}
</div>
<div class="col-2 col-md-1 bg1">주최자(익명)</div>
<div :class="['col-4 col-md-2', currentAuction.auction.isCallerHost ? 'isMe' : '']">
<div class="col-2 col-lg-1 bg1">주최자(익명)</div>
<div :class="['col-4 col-lg-2', currentAuction.auction.isCallerHost ? 'isMe' : '']">
{{ currentAuction.auction.hostName }}
</div>
<div class="col-2 col-md-1 bg1">종료일시</div>
<div class="col-4 col-md-2 f_tnum">{{ cutDateTime(currentAuction.auction.closeDate, true) }}</div>
<div class="col-2 col-lg-1 bg1">종료일시</div>
<div class="col-4 col-lg-2 f_tnum">{{ cutDateTime(currentAuction.auction.closeDate, true) }}</div>
<div class="col-2 col-md-1 bg1">최대지연</div>
<div class="col-4 col-md-2 f_tnum">
<div class="col-2 col-lg-1 bg1">최대지연</div>
<div class="col-4 col-lg-2 f_tnum">
{{ cutDateTime(currentAuction.auction.availableLatestBidCloseDate, true) }}
</div>
</div>
<div class="bg1">입찰자 목록</div>
<div
class="row gx-0 px-md-5 text-center"
class="row gx-0 px-lg-5 text-center"
:style="{
borderBottom: 'solid 1px white',
}"
>
<div class="col-4 offset-md-2 col-md-3">입찰자</div>
<div class="col-4 col-md-2 text-end px-5">입찰포인트</div>
<div class="col-4 col-md-3">시각</div>
<div class="col-4 offset-lg-2 col-lg-3">입찰자</div>
<div class="col-4 col-lg-2 text-end px-5">입찰포인트</div>
<div class="col-4 col-lg-3">시각</div>
</div>
<div v-for="bidder of currentAuction.bidList" :key="bidder.amount" class="row gx-0 px-md-5 text-center">
<div :class="['col-4 offset-md-2 col-md-3', bidder.isCallerHighestBidder ? 'isMe' : '']">
<div v-for="bidder of currentAuction.bidList" :key="bidder.amount" class="row gx-0 px-lg-5 text-center">
<div :class="['col-4 offset-lg-2 col-lg-3', bidder.isCallerHighestBidder ? 'isMe' : '']">
{{ bidder.generalName }}
</div>
<div class="col-4 col-md-2 text-end px-5 f_tnum">{{ bidder.amount.toLocaleString() }}</div>
<div class="col-4 col-md-3 f_tnum">{{ cutDateTime(bidder.date) }}</div>
<div class="col-4 col-lg-2 text-end px-5 f_tnum">{{ bidder.amount.toLocaleString() }}</div>
<div class="col-4 col-lg-3 f_tnum">{{ cutDateTime(bidder.date) }}</div>
</div>
<div class="bg1">입찰하기</div>
<div class="row">
<label class="col-5 offset-md-3 col-md-3 col-form-label text-center"
<label class="col-5 offset-lg-3 col-lg-3 col-form-label text-center"
>유산포인트 (잔여: {{ currentAuction.remainPoint.toLocaleString() }}포인트)</label
>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
<NumberInputWithInfo
v-model="bidAmount"
:int="true"
@@ -57,7 +57,7 @@
:step="1"
></NumberInputWithInfo>
</div>
<div class="col-3 col-md-1 d-grid"><BButton @click="bidAuction">입찰</BButton></div>
<div class="col-3 col-lg-1 d-grid"><BButton @click="bidAuction">입찰</BButton></div>
</div>
</template>
hwe/ts/components/BettingDetail.vue
+6 -6
View File
@@ -11,7 +11,7 @@
</div>
<div class="row bettingCandidates gx-1 gy-1">
<div v-for="(candidate, idx) in info.candidates" :key="idx" class="col-4 col-md-2" @click="toggleCandidate(parseInt(idx))">
<div v-for="(candidate, idx) in info.candidates" :key="idx" class="col-4 col-lg-2" @click="toggleCandidate(parseInt(idx))">
<div
:class="[
'bettingCandidate',
@@ -30,18 +30,18 @@
</div>
</div>
<div v-if="!info.finished && (yearMonth ?? 0) <= info.closeYearMonth" class="row gx-0">
<div class="col-6 col-md-3 align-self-center">
<div class="col-6 col-lg-3 align-self-center">
잔여 {{ info.reqInheritancePoint ? "포인트" : "금" }} : {{ bettingDetailInfo.remainPoint.toLocaleString() }}
</div>
<div class="col-6 col-md-3 align-self-center">
<div class="col-6 col-lg-3 align-self-center">
사용 포인트: {{ sum(Array.from(myBettings.values())).toLocaleString() }}
</div>
<div class="col-6 col-md-3 align-self-center">대상: {{ getTypeStr(pickedBetTypeKey) }}</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-6 col-lg-3 align-self-center">대상: {{ getTypeStr(pickedBetTypeKey) }}</div>
<div class="col-4 col-lg-2 d-grid">
<!-- eslint-disable-next-line vue/max-attributes-per-line -->
<b-form-input v-model.number="betPoint" class="d-grid" type="number" :min="10" :max="1000" :step="10" />
</div>
<div class="col-2 col-md-1 d-grid">
<div class="col-2 col-lg-1 d-grid">
<b-button class="d-grid" @click="submitBet"> 베팅 </b-button>
</div>
</div>
hwe/ts/components/BoardArticle.vue
+3 -3
View File
@@ -7,12 +7,12 @@
<div class="col articleTitle center">
{{ article.title }}
</div>
<div class="col-2 col-md-1 date center">
<div class="col-2 col-lg-1 date center">
{{ article.date.slice(5, 16) }}
</div>
</div>
<div class="row gx-0 s-border-b">
<div class="col-2 col-md-1 authorIcon center">
<div class="col-2 col-lg-1 authorIcon center">
<img class="generalIcon" width="64" height="64" :src="article.author_icon" />
</div>
<div class="col text">
@@ -36,7 +36,7 @@
@keyup.enter="submitComment"
/>
</div>
<div class="col-2 col-md-1 d-grid">
<div class="col-2 col-lg-1 d-grid">
<b-button class="submitComment" size="sm" @click="submitComment"> 등록 </b-button>
</div>
</div>
hwe/ts/components/BoardComment.vue
+1 -1
View File
@@ -8,7 +8,7 @@
<div class="col text">
{{ comment.text }}
</div>
<div class="col-2 col-md-1 date center d-grid">
<div class="col-2 col-lg-1 date center d-grid">
<div class="align-self-center">
{{ comment.date.slice(5, 16) }}
</div>
hwe/ts/components/ChiefReservedCommand.vue
+11 -11
View File
@@ -12,7 +12,7 @@
</div>
</div>
<div :class="['row', 'controlPad', props.targetIsMe ? 'targetIsMe' : 'targetIsNotMe']">
<div class="col-3 col-md-12 order-md-last">
<div class="col-3 col-lg-12 order-lg-last">
<div class="d-grid mb-1 py-1 only500px bg1 center">
<div
:style="{
@@ -25,26 +25,26 @@
<div>{{ officer.officerLevelText }}</div>
</div>
<div class="row gx-1 gy-1 py-1">
<div class="col-md-4 mx-0 mb-0 mt-1 d-grid">
<div class="col-lg-4 mx-0 mb-0 mt-1 d-grid">
<div class="alert alert-primary mb-0 center" style="padding: 0.5rem 0">
<SimpleClock :serverTime="parseTime(props.date)" />
</div>
</div>
<div class="col-md-4 d-grid">
<div class="col-lg-4 d-grid">
<BButton variant="secondary" @click="isEditMode = !isEditMode">
{{ isEditMode ? "일반 모드" : "고급 모드" }}
</BButton>
</div>
<BDropdown class="col-md-4" text="반복">
<BDropdown class="col-lg-4" text="반복">
<BDropdownItem v-for="turnIdx in maxPushTurn" :key="turnIdx" @click="repeatNationCommand(turnIdx)">
{{ turnIdx }}턴
</BDropdownItem>
</BDropdown>
<template v-if="isEditMode">
<BDropdown class="col-md-4" left text="범위">
<BDropdown class="col-lg-4" left text="범위">
<BDropdownItem @click="queryActionHelper.selectTurn()"> 해제 </BDropdownItem>
<BDropdownItem @click="queryActionHelper.selectAll()"> 모든턴 </BDropdownItem>
<BDropdownItem @click="queryActionHelper.selectStep(0, 2)"> 홀수턴 </BDropdownItem>
@@ -67,7 +67,7 @@
</BDropdownText>
</BDropdown>
<BDropdown class="col-md-4" left text="보관함">
<BDropdown class="col-lg-4" left text="보관함">
<BDropdownItem
v-for="[actionKey, actions] of storedActions"
:key="actionKey"
@@ -78,7 +78,7 @@
</BDropdownItem>
</BDropdown>
<div class="col-md-4 d-grid">
<div class="col-lg-4 d-grid">
<BDropdown right text="최근">
<BDropdownItem
v-for="(action, idx) in Array.from(recentActions.values()).reverse()"
@@ -91,12 +91,12 @@
</div>
</template>
<BDropdown class="col-md-6" split text="당기기" @click="pullNationCommandSingle">
<BDropdown class="col-lg-6" split text="당기기" @click="pullNationCommandSingle">
<BDropdownItem v-for="turnIdx in maxPushTurn" :key="turnIdx" @click="pushNationCommand(-turnIdx)">
{{ turnIdx }}턴
</BDropdownItem>
</BDropdown>
<BDropdown class="col-md-6" split text="미루기" @click="pushNationCommandSingle">
<BDropdown class="col-lg-6" split text="미루기" @click="pushNationCommandSingle">
<BDropdownItem v-for="turnIdx in maxPushTurn" :key="turnIdx" @click="pushNationCommand(turnIdx)">
{{ turnIdx }}턴
</BDropdownItem>
@@ -217,7 +217,7 @@
</div>
<div v-if="isEditMode" class="row gx-0">
<div class="col-5 col-md-6 d-grid">
<div class="col-5 col-lg-6 d-grid">
<BDropdown left variant="light" :style="{ color: 'black' }" text="선택한 턴을">
<BDropdownItem @click="clipboardCut"> <i class="bi bi-scissors" />&nbsp;잘라내기 </BDropdownItem>
<BDropdownItem @click="clipboardCopy"> <i class="bi bi-files" />&nbsp;복사하기 </BDropdownItem>
@@ -245,7 +245,7 @@
</BDropdown>
</div>
<div class="col-7 col-md-6 d-grid">
<div class="col-7 col-lg-6 d-grid">
<BButton variant="info" @click="toggleForm($event)"> 명령 선택 ▾ </BButton>
</div>
</div>
hwe/ts/components/GameBottomBar.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<nav class="gameBottomBar navbar-expand navbar-dark bg-dark d-sm-block d-md-none p-0">
<nav class="gameBottomBar navbar-expand navbar-dark bg-dark d-sm-block d-lg-none p-0">
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto mx-auto">
<li class="nav-item dropup">
hwe/ts/components/GameInfo.vue
+13 -13
View File
@@ -4,39 +4,39 @@
<span class="avoid-wrap" style="color: cyan">{{ frontInfo?.global.scenarioText }}</span>
</h3>
<div v-if="frontInfo" class="gameInfo row gx-0">
<div class="s-border-t col py-2 col-8 col-md-4 subScenarioName" style="color: cyan">
<div class="s-border-t col py-2 col-8 col-lg-4 subScenarioName" style="color: cyan">
{{ globalInfo.scenarioText }}
</div>
<div class="s-border-t col py-2 col-4 col-md-2 subNPCType" style="color: cyan">
<div class="s-border-t col py-2 col-4 col-lg-2 subNPCType" style="color: cyan">
NPC 수, 상성:
{{ globalInfo.extendedGeneral ? "확장" : "표준" }}
{{ globalInfo.isFiction ? "가상" : "사실" }}
</div>
<div class="s-border-t col py-2 col-4 col-md-2 subNPCMode" style="color: cyan">
<div class="s-border-t col py-2 col-4 col-lg-2 subNPCMode" style="color: cyan">
NPC선택: {{ ["불가능", "가능", "선택 생성"][globalInfo.npcMode] }}
</div>
<div class="s-border-t col py-2 col-4 col-md-2 subTournamentMode" style="color: cyan">
<div class="s-border-t col py-2 col-4 col-lg-2 subTournamentMode" style="color: cyan">
토너먼트: 경기당 {{ calcTournamentTerm(globalInfo.turnterm) }}분
</div>
<div class="s-border-t col py-2 col-4 col-md-2 subOtherSetting" style="color: cyan">
<div class="s-border-t col py-2 col-4 col-lg-2 subOtherSetting" style="color: cyan">
기타 설정:
<AutorunInfo :autorunMode="globalInfo.autorunUser" />
</div>
<div class="s-border-t col py-2 col-8 col-md-4 subYearMonth">
<div class="s-border-t col py-2 col-8 col-lg-4 subYearMonth">
현재: {{ globalInfo.year }}年 {{ globalInfo.month }}月 ({{ globalInfo.turnterm }}분 턴 서버)
</div>
<div class="s-border-t col py-2 col-4 col-md-2 subOnlineUserCnt">
<div class="s-border-t col py-2 col-4 col-lg-2 subOnlineUserCnt">
전체 접속자 수: {{ (globalInfo.onlineUserCnt ?? 0).toLocaleString() }}명
</div>
<div class="s-border-t col py-2 col-4 col-md-2 subAPILimit">
<div class="s-border-t col py-2 col-4 col-lg-2 subAPILimit">
턴당 갱신횟수: {{ globalInfo.apiLimit.toLocaleString() }}회
</div>
<div class="s-border-t col py-2 col-8 col-md-4 subGeneralCnt">
<div class="s-border-t col py-2 col-8 col-lg-4 subGeneralCnt">
등록 장수: 유저
{{ createdUserCnt.toLocaleString() }} / {{ globalInfo.generalCntLimit.toLocaleString() }} +
<span style="color: cyan">NPC {{ createdNPCCnt.toLocaleString() }} 명</span>
</div>
<div class="s-border-t py-2 col col-6 col-md-4 subTournamentState">
<div class="s-border-t py-2 col col-6 col-lg-4 subTournamentState">
<span v-if="frontInfo.global.isTournamentActive">
<a v-if="tournamentStep.availableJoin" href="b_tournament.php" target="_blank">
↑<span style="color: cyan"
@@ -56,18 +56,18 @@
<span v-else style="color: magenta"> 현재 토너먼트 경기 없음 </span>
</div>
<div
class="s-border-t py-2 col col-6 col-md-2 subLastExecuted"
class="s-border-t py-2 col col-6 col-lg-2 subLastExecuted"
:style="{ color: serverLocked ? 'magenta' : 'cyan' }"
>
동작 시각: {{ formatTime(lastExecuted).substring(5) }}
</div>
<div class="s-border-t py-2 col col-6 col-md-2 subAuctionState">
<div class="s-border-t py-2 col col-6 col-lg-2 subAuctionState">
<a v-if="globalInfo.auctionCount" href="v_auction.php" target="_blank" style="color: cyan">
{{ globalInfo.auctionCount.toLocaleString() }}건 거래 진행중
</a>
<span v-else style="color: magenta">진행중인 거래 없음</span>
</div>
<div class="s-border-t py-2 col col-6 col-md-4 subVoteState">
<div class="s-border-t py-2 col col-6 col-lg-4 subVoteState">
<a v-if="globalInfo.lastVote" href="v_vote.php" target="_blank">
<span style="color: cyan">설문 진행 중: </span><span>{{ globalInfo.lastVote.title }}</span>
</a>
hwe/ts/components/MessagePanel.vue
+3 -3
View File
@@ -1,7 +1,7 @@
<template>
<div class="MessagePanel">
<div class="MessageInputForm bg0 row gx-0">
<div id="mailbox_list-col" class="col-6 col-md-2 d-grid">
<div id="mailbox_list-col" class="col-6 col-lg-2 d-grid">
<BFormSelect v-model="targetMailbox" class="bg-dark text-white">
<optgroup
v-for="group of mailboxList"
@@ -26,10 +26,10 @@
</optgroup>
</BFormSelect>
</div>
<div id="msg_input-col" class="col-12 col-md-8 d-grid">
<div id="msg_input-col" class="col-12 col-lg-8 d-grid">
<input v-model="newMessageText" type="text" maxlength="99" class="form-control" @keydown.enter="sendMessage" />
</div>
<div id="msg_submit-col" class="col-6 col-md-2 d-grid">
<div id="msg_submit-col" class="col-6 col-lg-2 d-grid">
<BButton variant="primary" @click="sendMessage">서신전달&amp;갱신</BButton>
</div>
</div>
hwe/ts/components/NationBasicCard.vue
+7 -7
View File
@@ -63,24 +63,24 @@
Math.floor(nation.tech).toLocaleString()
}}</span>
</div>
<div class="strategicCmd-head tb-head bg1">전략</div>
<div v-if="!nation.id" class="strategicCmd-body tb-body">해당 없음</div>
<div class="strategicClg-head tb-head bg1">전략</div>
<div v-if="!nation.id" class="strategicClg-body tb-body">해당 없음</div>
<div
v-else-if="impossibleStrategicCommandText"
v-b-tooltip.hover="impossibleStrategicCommandText"
class="strategicCmd-body tb-body"
class="strategicClg-body tb-body"
style="text-decoration: underline dashed red"
>
<span v-if="nation.strategicCmdLimit" style="color: red">{{ nation.strategicCmdLimit.toLocaleString() }}턴</span>
<span v-else style="color: yellow">가능</span>
</div>
<div v-else class="strategicCmd-body tb-body">
<div v-else class="strategicClg-body tb-body">
<span v-if="nation.strategicCmdLimit" style="color: red">{{ nation.strategicCmdLimit.toLocaleString() }}턴</span>
<span v-else style="color: limegreen">가능</span>
</div>
<div class="diplomaticCmd-head tb-head bg1">외교</div>
<div v-if="!nation.id" class="diplomaticCmd-body tb-body">해당 없음</div>
<div v-else class="diplomaticCmd-body tb-body">
<div class="diplomaticClg-head tb-head bg1">외교</div>
<div v-if="!nation.id" class="diplomaticClg-body tb-body">해당 없음</div>
<div v-else class="diplomaticClg-body tb-body">
<span v-if="nation.diplomaticLimit" style="color: red">{{ nation.diplomaticLimit.toLocaleString() }}턴</span>
<span v-else style="color: limegreen">가능</span>
</div>
hwe/ts/processing/General/che_건국.vue
+7 -7
View File
@@ -5,25 +5,25 @@
<div>현재 도시에서 나라를 세웁니다. 중, 소도시에서만 가능합니다.</div>
<ul>
<li v-for="nationType in nationTypes" :key="nationType.type" class="row">
<div class="col-2 col-md-1">- {{ nationType.name }}</div>
<div class="col-4 col-md-2">
<div class="col-2 col-lg-1">- {{ nationType.name }}</div>
<div class="col-4 col-lg-2">
: <span style="color: cyan">{{ nationType.pros }}</span
>,
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
<span style="color: magenta">{{ nationType.cons }}</span>
</div>
</li>
</ul>
<div class="row">
<div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
<div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
<div class="col-3 col-md-2">
<div class="col-4 col-lg-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
<div class="col-3 col-lg-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
<div class="col-3 col-lg-2">
<label>성향 :</label>
<b-form-select v-model="selectedNationType" :options="nationTypesOption" />
</div>
<div class="col-2 col-md-2 d-grid">
<div class="col-2 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_군량매매.vue
+3 -3
View File
@@ -3,18 +3,18 @@
<div class="bg0">
<div>자신의 군량을 사거나 팝니다.<br /></div>
<div class="row">
<div class="col-2 col-md-1">
<div class="col-2 col-lg-1">
군량을 :
<b-button-group>
<b-button :pressed="buyRice" @click="buyRice = true"> 삼 </b-button>
<b-button :pressed="!buyRice" @click="buyRice = false"> 팜 </b-button>
</b-button-group>
</div>
<div class="col-7 col-md-4">
<div class="col-7 col-lg-4">
금액 :
<SelectAmount v-model="amount" :amountGuide="amountGuide" :maxAmount="maxAmount" :minAmount="minAmount" />
</div>
<div class="col-3 col-md-2 d-grid">
<div class="col-3 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_등용.vue
+2 -2
View File
@@ -7,7 +7,7 @@
등용할 장수를 목록에서 선택하세요.<br />
</div>
<div class="row">
<div class="col-12 col-md-6">
<div class="col-12 col-lg-6">
장수 :
<SelectGeneral
v-model="selectedGeneralID"
@@ -17,7 +17,7 @@
:searchable="searchable"
/>
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_무작위건국.vue
+7 -7
View File
@@ -5,25 +5,25 @@
<div>무작위 공백지 중, 소도시에서 나라를 세웁니다.</div>
<ul>
<li v-for="nationType in nationTypes" :key="nationType.type" class="row">
<div class="col-2 col-md-1">- {{ nationType.name }}</div>
<div class="col-4 col-md-2">
<div class="col-2 col-lg-1">- {{ nationType.name }}</div>
<div class="col-4 col-lg-2">
: <span style="color: cyan">{{ nationType.pros }}</span
>,
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
<span style="color: magenta">{{ nationType.cons }}</span>
</div>
</li>
</ul>
<div class="row">
<div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
<div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
<div class="col-3 col-md-2">
<div class="col-4 col-lg-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
<div class="col-3 col-lg-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
<div class="col-3 col-lg-2">
<label>성향 :</label>
<b-form-select v-model="selectedNationType" :options="nationTypesOption" />
</div>
<div class="col-2 col-md-2 d-grid">
<div class="col-2 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_선양.vue
+2 -2
View File
@@ -11,7 +11,7 @@
장수를 선택하세요.<br />
</div>
<div class="row">
<div class="col-9 col-md-4">
<div class="col-9 col-lg-4">
장수 :
<SelectGeneral
v-model="selectedGeneralID"
@@ -20,7 +20,7 @@
:searchable="searchable"
/>
</div>
<div class="col-3 col-md-2 d-grid">
<div class="col-3 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_숙련전환.vue
+3 -3
View File
@@ -3,7 +3,7 @@
<div class="bg0">
<div>본인의 특정 병종 숙련을 40% 줄이고, 줄어든 숙련 중 9/10(90%p)를 다른 병종 숙련으로 전환합니다.</div>
<div class="row">
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
감소 대상 숙련 :
<b-form-select v-model="srcArmTypeID">
<b-form-select-option v-for="[armType, dexInfo] in dexFullInfo" :key="armType" :value="armType">
@@ -12,7 +12,7 @@
</b-form-select-option>
</b-form-select>
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
전환 대상 숙련 :
<b-form-select v-model="destArmTypeID">
<b-form-select-option v-for="[armType, dexInfo] in dexFullInfo" :key="armType" :value="armType">
@@ -21,7 +21,7 @@
</b-form-select-option>
</b-form-select>
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_임관.vue
+2 -2
View File
@@ -12,11 +12,11 @@
<br />
</div>
<div class="row">
<div class="col-6 col-md-3">
<div class="col-6 col-lg-3">
국가 :
<SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_장비매매.vue
+3 -3
View File
@@ -11,7 +11,7 @@
<br />
</div>
<div v-if="selectedItemObj" class="row">
<div class="col-8 col-md-4">
<div class="col-8 col-lg-4">
장비:
<Multiselect
v-model="selectedItemObj"
@@ -57,14 +57,14 @@
</template>
</Multiselect>
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
</div>
</div>
<div v-if="selectedItemObj && selectedItemObj.obj.id != NoneValue" class="row">
<div class="col-4 col-md-2 align-self-center text-center">
<div class="col-4 col-lg-2 align-self-center text-center">
{{ selectedItemObj.obj.name }}
</div>
<div class="col" v-html="selectedItemObj.obj.info" />
hwe/ts/processing/General/che_장수대상임관.vue
+2 -2
View File
@@ -8,7 +8,7 @@
임관할 국가를 목록에서 선택하세요.<br />
</div>
<div class="row">
<div class="col-8 col-md-4">
<div class="col-8 col-lg-4">
장수 :
<SelectGeneral
v-model="selectedGeneralID"
@@ -18,7 +18,7 @@
:searchable="searchable"
/>
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/che_징병.vue
+9 -9
View File
@@ -23,7 +23,7 @@
>
<div class="listFront">
<div class="row gx-0 bg0">
<div class="col-12 col-md-12 d-flex align-items-center">
<div class="col-12 col-lg-12 d-flex align-items-center">
<div
v-if="commandName == '모병'"
class="text-center w-100"
@@ -33,10 +33,10 @@
</div>
</div>
<div class="row text-center bg2 gx-0">
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
현재 기술력 : {{ techLevel }}등급
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
현재 통솔 :
<span
:style="{
@@ -44,16 +44,16 @@
}"
>{{ leadership }}</span>
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
최대 통솔 : {{ fullLeadership }}
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
현재 병종 : {{ crewTypeMap?.get(currentCrewType)?.name }}
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
현재 병사 : {{ crew.toLocaleString() }}
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
현재 자금 : {{ gold.toLocaleString() }}
</div>
</div>
@@ -178,12 +178,12 @@
>
<div class="s-border-b row gx-0">
<div
class="col-7 col-md-10 align-self-center px-3"
class="col-7 col-lg-10 align-self-center px-3"
style="font-size: 1.3em"
>
{{ armCrewType.armName }} 계열
</div>
<div class="col-5 col-md-2 d-grid">
<div class="col-5 col-lg-2 d-grid">
<b-button
:variant="
showNotAvailable.get(armCrewType.armType) ? 'warning' : 'dark'
hwe/ts/processing/General/che_헌납.vue
+3 -3
View File
@@ -3,18 +3,18 @@
<div class="bg0">
<div>자신의 자금이나 군량을 국가 재산으로 헌납합니다.</div>
<div class="row">
<div class="col-2 col-md-1">
<div class="col-2 col-lg-1">
자원 :
<b-button-group>
<b-button :pressed="isGold" @click="isGold = true"> 금 </b-button>
<b-button :pressed="!isGold" @click="isGold = false"> 쌀 </b-button>
</b-button-group>
</div>
<div class="col-7 col-md-4">
<div class="col-7 col-lg-4">
금액 :
<SelectAmount v-model="amount" :amountGuide="amountGuide" :maxAmount="maxAmount" :minAmount="minAmount" />
</div>
<div class="col-3 col-md-2 d-grid">
<div class="col-3 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/General/cr_건국.vue
+7 -7
View File
@@ -5,25 +5,25 @@
<div>현재 도시에서 나라를 세웁니다. 도시 규모의 제한이 없습니다.</div>
<ul>
<li v-for="nationType in nationTypes" :key="nationType.type" class="row">
<div class="col-2 col-md-1">- {{ nationType.name }}</div>
<div class="col-4 col-md-2">
<div class="col-2 col-lg-1">- {{ nationType.name }}</div>
<div class="col-4 col-lg-2">
: <span style="color: cyan">{{ nationType.pros }}</span
>,
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
<span style="color: magenta">{{ nationType.cons }}</span>
</div>
</li>
</ul>
<div class="row">
<div class="col-4 col-md-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
<div class="col-3 col-md-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
<div class="col-3 col-md-2">
<div class="col-4 col-lg-2">국명 : <b-form-input v-model="destNationName" maxlength="18" /></div>
<div class="col-3 col-lg-2">색상 : <ColorSelect v-model="selectedColorID" :colors="colors" /></div>
<div class="col-3 col-lg-2">
<label>성향 :</label>
<b-form-select v-model="selectedNationType" :options="nationTypesOption" />
</div>
<div class="col-2 col-md-2 d-grid">
<div class="col-2 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/che_국기변경.vue
+2 -2
View File
@@ -3,11 +3,11 @@
<div class="bg0">
<div>국기를 변경합니다. 단 1회 가능합니다.<br /></div>
<div class="row">
<div class="col-6 col-md-3">
<div class="col-6 col-lg-3">
색상 :
<ColorSelect v-model="selectedColorID" :colors="colors" />
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/che_국호변경.vue
+2 -2
View File
@@ -3,11 +3,11 @@
<div class="bg0">
<div>나라의 이름을 바꿉니다. 황제가 된 후 1회 가능합니다.<br /></div>
<div class="row">
<div class="col-6 col-md-3">
<div class="col-6 col-lg-3">
국명 :
<b-form-input v-model="destNationName" maxlength="18" />
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/che_물자원조.vue
+5 -5
View File
@@ -39,12 +39,12 @@
원조할 국가를 목록에서 선택하세요.<br /><br />
</div>
<div class="row">
<div class="col-6 col-md-3">
<div class="col-6 col-lg-3">
국가 :
<SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
</div>
<div class="col-6 col-md-0" />
<div class="col-8 col-md-4">
<div class="col-6 col-lg-0" />
<div class="col-8 col-lg-4">
금 :
<SelectAmount
v-model="goldAmount"
@@ -54,7 +54,7 @@
:minAmount="minAmount"
/>
</div>
<div class="col-8 col-md-4">
<div class="col-8 col-lg-4">
쌀 :
<SelectAmount
v-model="riceAmount"
@@ -64,7 +64,7 @@
:minAmount="minAmount"
/>
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/che_발령.vue
+3 -3
View File
@@ -20,7 +20,7 @@
목록을 선택하거나 도시를 클릭하세요.<br />
</div>
<div class="row">
<div class="col-12 col-md-6">
<div class="col-12 col-lg-6">
장수 :
<SelectGeneral
v-model="selectedGeneralID"
@@ -31,11 +31,11 @@
:searchable="searchable"
/>
</div>
<div class="col-6 col-md-4">
<div class="col-6 col-lg-4">
도시 :
<SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/che_불가침제의.vue
+3 -3
View File
@@ -22,11 +22,11 @@
<span style="color: red">붉은색</span>으로 표시됩니다.<br />
</div>
<div class="row">
<div class="col-4 col-md-3">
<div class="col-4 col-lg-3">
국가 :
<SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
</div>
<div class="col-5 col-md-3">
<div class="col-5 col-lg-3">
기간 :
<div class="input-group">
<b-form-select v-model="selectedYear" class="text-end selectedYear">
@@ -43,7 +43,7 @@
<span class="input-group-text px-2">월</span>
</div>
</div>
<div class="col-3 col-md-2 d-grid">
<div class="col-3 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/che_피장파장.vue
+3 -3
View File
@@ -24,11 +24,11 @@
<span style="color: red">붉은색</span>으로 표시됩니다.<br />
</div>
<div class="row gx-3">
<div class="col-5 col-md-3">
<div class="col-5 col-lg-3">
국가 :
<SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
</div>
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
<label>전략 :</label>
<select
v-model="selectedCommandID"
@@ -49,7 +49,7 @@
</option>
</select>
</div>
<div class="col-3 col-md-2 d-grid">
<div class="col-3 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/Nation/cr_인구이동.vue
+3 -3
View File
@@ -18,11 +18,11 @@
현재 도시의 인구를 인접 도시로 이동합니다.<br />
</div>
<div class="row">
<div class="col-6 col-md-4">
<div class="col-6 col-lg-4">
도시 :
<SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
</div>
<div class="col-6 col-md-4">
<div class="col-6 col-lg-4">
금 :
<SelectAmount
v-model="amount"
@@ -32,7 +32,7 @@
:minAmount="minAmount"
/>
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/ProcessCity.vue
+2 -2
View File
@@ -65,11 +65,11 @@
목록을 선택하거나 도시를 클릭하세요.<br />
</div>
<div class="row">
<div class="col-4 col-md-2">
<div class="col-4 col-lg-2">
도시:
<SelectCity v-model="selectedCityID" :cities="citiesMap" :searchable="searchable" />
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/ProcessGeneralAmount.vue
+4 -4
View File
@@ -8,7 +8,7 @@
<div v-else-if="commandName == '포상'">국고로 장수에게 자금이나 군량을 지급합니다.<br /></div>
<div v-else-if="commandName == '증여'">자신의 자금이나 군량을 다른 장수에게 증여합니다.<br /></div>
<div class="row">
<div class="col-12 col-md-5">
<div class="col-12 col-lg-5">
장수 :
<SelectGeneral
v-model="selectedGeneralID"
@@ -18,18 +18,18 @@
:searchable="searchable"
/>
</div>
<div class="col-2 col-md-1">
<div class="col-2 col-lg-1">
자원 :
<b-button-group>
<b-button :pressed="isGold" @click="isGold = true"> 금 </b-button>
<b-button :pressed="!isGold" @click="isGold = false"> 쌀 </b-button>
</b-button-group>
</div>
<div class="col-7 col-md-4">
<div class="col-7 col-lg-4">
금액 :
<SelectAmount v-model="amount" :amountGuide="amountGuide" :maxAmount="maxAmount" :minAmount="minAmount" />
</div>
<div class="col-3 col-md-2 d-grid">
<div class="col-3 col-lg-2 d-grid">
<b-button variant="primary" @click="submit">
{{ commandName }}
</b-button>
hwe/ts/processing/ProcessNation.vue
+2 -2
View File
@@ -55,11 +55,11 @@
<span style="color: red">붉은색</span>으로 표시됩니다.<br />
</div>
<div class="row">
<div class="col-6 col-md-3">
<div class="col-6 col-lg-3">
국가 :
<SelectNation v-model="selectedNationID" :nations="nationList" :searchable="searchable" />
</div>
<div class="col-4 col-md-2 d-grid">
<div class="col-4 col-lg-2 d-grid">
<b-button @click="submit">
{{ commandName }}
</b-button>
hwe/ts/state/is1000pxMode.ts
+1 -1
View File
@@ -2,7 +2,7 @@ import { useLocalStorage, useMediaQuery } from "@vueuse/core";
import { keyScreenMode, type ScreenModeType } from "@/defs";
import { ref, watch } from "vue";
export const is1000pxMode = useMediaQuery('(min-width:900px');
export const is1000pxMode = useMediaQuery('(min-width:940px');
export const isFullWidth = ref(true);
export const widthMode = useLocalStorage<ScreenModeType>(keyScreenMode, "auto")