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/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>