Browse Source

fix classes issues from PR

pull/4749/head
flisowna 2 years ago
parent
commit
8e2d9a1e98
  1. 66
      packages/nc-gui/components/cell/GeoData.vue

66
packages/nc-gui/components/cell/GeoData.vue

@ -73,8 +73,8 @@ const onClickSetCurrentLocation = () => {
<template #overlay>
<a-form :model="formState" class="flex flex-col" @finish="handleFinish">
<a-form-item>
<div class="mb-2 mt-4 bg-pink-50 flex">
<div>{{ $t('labels.lat') }}</div>
<div class="flex mt-4 items-center mx-2">
<div class="mr-2">{{ $t('labels.lat') }}:</div>
<a-input
v-model:value="formState.latitude"
type="number"
@ -89,31 +89,33 @@ const onClickSetCurrentLocation = () => {
</div>
</a-form-item>
<a-form-item class="input-lng">
<template #label>
<div>{{ $t('labels.lng') }}</div>
</template>
<a-input
v-model:value="formState.longitude"
type="number"
step="0.0000001"
required
:min="-180"
:max="180"
@keydown.stop
@selectstart.capture.stop
@mousedown.stop
/>
<a-form-item>
<div class="flex items-center mx-2">
<div class="mr-2">{{ $t('labels.lng') }}:</div>
<a-input
v-model:value="formState.longitude"
type="number"
step="0.0000001"
required
:min="-180"
:max="180"
@keydown.stop
@selectstart.capture.stop
@mousedown.stop
/>
</div>
</a-form-item>
<a-form-item>
<div class="flex set-location-group">
<div class="flex items-center mr-2">
<MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin text-gray-500': isLoading }" />
<a-button class="ml-2" @click="onClickSetCurrentLocation">{{ $t('labels.yourLocation') }}</a-button>
</div>
</a-form-item>
<a-form-item class="btn-group-cancel-submit">
<a-button type="text" @click="clear">{{ $t('general.cancel') }}</a-button>
<a-button type="primary" html-type="submit">{{ $t('general.submit') }}</a-button>
<a-form-item>
<div class="ml-auto mr-2">
<a-button type="text" @click="clear">{{ $t('general.cancel') }}</a-button>
<a-button type="primary" html-type="submit">{{ $t('general.submit') }}</a-button>
</div>
</a-form-item>
</a-form>
</template>
@ -128,28 +130,10 @@ input[type='number']:focus {
input[type='number'] {
width: 180px;
}
.input-lat {
margin-top: 1rem;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.input-lng {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.btn-group-cancel-submit {
margin-left: auto;
margin-bottom: 0;
.ant-form-item {
margin-bottom: 1rem;
}
.ant-dropdown-menu {
align-items: flex-end;
}
.set-location-group {
align-items: center;
margin-right: 0.5rem;
}
</style>

Loading…
Cancel
Save