fix: 비일관적인 breakpoint 정정

- md가 아니라 lg를 기준으로 잡아야 함
- lg의 기준 breakpoint를 940으로 변경
- is100pxMode의 기준 역시 lg breakpoint와 일치
This commit is contained in:
2023-06-30 16:30:44 +00:00
parent f8ebcf91b1
commit de17d87f47
44 changed files with 238 additions and 238 deletions
+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>
@@ -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>
+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>
@@ -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>
+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>
@@ -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>
+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>
@@ -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" />
@@ -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>
+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'
+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>
+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>