chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: update button and spacing

Browse source
This commit is contained in:
Methapon Metanipat 2024-10-18 11:52:04 +07:00
parent 93c00173d7
commit 3d08ace2ee
1 changed files with 10 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/05_quotation/QuotationCard.vue
View file

@ -2,6 +2,7 @@
import { Icon } from '@iconify/vue/dist/iconify.js'; import { Icon } from '@iconify/vue/dist/iconify.js';
import { formatNumberDecimal } from 'src/stores/utils'; import { formatNumberDecimal } from 'src/stores/utils';
import KebabAction from '../shared/KebabAction.vue'; import KebabAction from '../shared/KebabAction.vue';
import MainButton from '../button/MainButton.vue';
defineProps<{ defineProps<{
type?: type?:
@ -107,27 +108,25 @@ defineEmits<{
<div class="col-9">{{ reporter || '-' }}</div> <div class="col-9">{{ reporter || '-' }}</div>
</section> </section>
<q-separator /> <q-separator />
<footer class="row no-wrap items-center q-mt-sm"> <footer class="row no-wrap items-center q-mt-sm" style="text-wrap: nowrap">
<Icon <Icon
class="q-mr-md" class="q-mr-xs"
icon="ph:money-fill" icon="ph:money-fill"
style="font-size: 24px; color: var(--green-9)" style="font-size: 24px; color: var(--green-9)"
/> />
{{ $t('quotation.totalPriceBaht') }} : {{ $t('quotation.totalPriceBaht') }} :
<div class="q-pl-xs" style="color: var(--orange-5)"> <div class="q-ml-xs" style="color: var(--orange-5)">
{{ formatNumberDecimal(totalPrice || 0, 2) }} {{ formatNumberDecimal(totalPrice || 0, 2) }}
</div> </div>
<q-btn <MainButton
dense outlined
outline icon="mdi-play-box-outline"
color="primary" color="207 96% 32%"
class="rounded q-ml-auto" class="q-ml-auto"
@click="$emit('preview')" @click="$emit('preview')"
padding="2px 8px"
> >
<q-icon name="mdi-play-box-outline" size="xs" class="q-mr-xs" />
{{ $t('general.view', { msg: $t('general.example') }) }} {{ $t('general.view', { msg: $t('general.example') }) }}
</q-btn> </MainButton>
</footer> </footer>
</div> </div>
</template> </template>