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
@@ -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>
@@ -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>
@@ -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>
+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>
@@ -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>
@@ -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>
+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>