fix: 01 form responsive

This commit is contained in:
puriphatt 2024-07-23 04:57:35 +00:00
parent c05e26f36b
commit 331a45ad4e
7 changed files with 145 additions and 119 deletions

View file

@ -14,10 +14,14 @@ defineEmits<{
}>();
</script>
<template>
<div class="col-3 app-text-muted"> {{ title }}</div>
<div class="col-md-3 col-12 app-text-muted"> {{ title }}</div>
<div
:class="{ 'dark-form-show-img-qh': $q.dark.isActive }"
class="col-9 row q-mt-lg branch-form-show-img-hq"
:class="{
'dark-form-show-img-qh': $q.dark.isActive,
'q-mt-lg': !$q.screen.xs,
'q-mt-sm': $q.screen.xs,
}"
class="col-md-9 col-12 row branch-form-show-img-hq"
style="min-height: 150px"
>
<div class="col-12 flex flex-center" v-if="image">