|
14 | 14 |
|
15 | 15 | </div> |
16 | 16 | <divclass="modal-body":class="{ 'dark-mode': isDarkMode }"> |
17 | | - <inputtype="text"class="form-control mb-2":class="{ 'dark-mode': isDarkMode }" |
18 | | -:placeholder="t('ipcheck.Placeholder')"v-model="inputIP"@keyup.enter="submitQuery" |
19 | | -name="inputIP"id="inputIP"> |
| 17 | + |
| 18 | + <divclass="input-group mb-3"> |
| 19 | + <inputtype="text"class="form-control":class="{ 'dark-mode': isDarkMode }" |
| 20 | +:placeholder="t('ipcheck.Placeholder')"v-model="inputIP"@keyup.enter="submitQuery" |
| 21 | +name="inputIP"id="inputIP"> |
| 22 | + <buttonid="sumitQueryButton"type="button"class="btn btn-primary" |
| 23 | +:class="{ 'btn-secondary': !isValidIP(inputIP), 'btn-primary': isValidIP(inputIP) }" |
| 24 | +@click="submitQuery":disabled="!isValidIP(inputIP) || isChecking === 'running' |
| 25 | +">{{ |
| 26 | + t('ipcheck.Button') }}</button> |
| 27 | + </div> |
| 28 | + |
20 | 29 | <divv-if="modalQueryError"class="text-danger">{{ modalQueryError }}</div> |
21 | 30 | <divv-if="modalQueryResult"class="mt-2"> |
22 | 31 | <divclass="card-body"> |
|
158 | 167 |
|
159 | 168 | </div> |
160 | 169 | </div> |
161 | | - <divclass="modal-footer":class="{ 'dark-mode-border': isDarkMode }"> |
162 | | - <buttonid="sumitQueryButton"type="button"class="btn btn-primary" |
163 | | -:class="{ 'btn-secondary': !isValidIP(inputIP), 'btn-primary': isValidIP(inputIP) }" |
164 | | -@click="submitQuery":disabled="!isValidIP(inputIP) || isChecking === 'running' |
165 | | -">{{ |
166 | | - t('ipcheck.Button') }}</button> |
167 | | - </div> |
168 | 170 |
|
169 | 171 |
|
170 | 172 | </div> |
|