fix: แก้ขนาดไม่ตรงกัน

This commit is contained in:
Net 2024-04-18 17:31:48 +07:00
parent e94cbf6da9
commit 7b7c24fa77
2 changed files with 3 additions and 4 deletions

View file

@ -19,14 +19,13 @@ defineProps<{
</script> </script>
<template> <template>
<div class="col-3 app-text-muted"> {{ $t(`${title}`) }}</div> <div class="col-3 app-text-muted"> {{ $t(`${title}`) }}</div>
<div class="col-9 bordered rounded row no-padding"> <div class="col-9 q-mt-lg bordered rounded row no-padding">
<div class="col-12 q-pl-md q-py-sm app-text-muted">location</div> <div class="col-12 q-pl-md q-py-sm app-text-muted">location</div>
<div v-if="!!longitude && !!latitude" class="col-12 flex flex-center"> <div v-if="!!longitude && !!latitude" class="col-12 flex flex-center">
<iframe <iframe
:src="`https://maps.google.com/maps?q=${latitude}, ${longitude}&z=15&output=embed`" :src="`https://maps.google.com/maps?q=${latitude}, ${longitude}&z=15&output=embed`"
width="100%" width="100%"
height="100%"
frameborder="0" frameborder="0"
style="border: 0" style="border: 0"
></iframe> ></iframe>
@ -39,7 +38,7 @@ defineProps<{
height: 100px; height: 100px;
background-image: url(/map.png); background-image: url(/map.png);
background-position: center center; background-position: center center;
background-size: 920px 400px; background-size: 980px 400px;
" "
> >
<q-btn <q-btn

View file

@ -19,7 +19,7 @@ defineEmits<{
<div class="col-3 app-text-muted"> {{ title }}</div> <div class="col-3 app-text-muted"> {{ title }}</div>
<div <div
:class="{ 'dark-form-show-qr-code': $q.dark.isActive }" :class="{ 'dark-form-show-qr-code': $q.dark.isActive }"
class="col-9 row q-col-gutter-md q-mt-lg branch-form-show-qr-code" class="col-9 row q-mt-lg branch-form-show-qr-code"
> >
<div class="col-12 flex flex-center"> <div class="col-12 flex flex-center">
<q-img <q-img