refactor: responsive

This commit is contained in:
puriphatt 2024-08-27 11:47:01 +07:00
parent bc578d569c
commit ac9fb0501e
5 changed files with 18 additions and 14 deletions

View file

@ -304,7 +304,7 @@ defineEmits<{
<q-avatar
size="md"
class="q-mx-lg"
:class="$q.screen.gt.xs ? 'q-mx-lg' : 'q-mr-lg'"
style="background-color: var(--surface-tab)"
>
{{ index + 1 }}
@ -348,9 +348,13 @@ defineEmits<{
</div>
</div>
<div class="row justify-end text-right col-md-6 col-12 q-pr-sm">
<div
class="row justify-end text-right col-md-6 col-12"
:class="$q.screen.xs ? 'q-mt-sm text-caption' : 'q-pr-sm'"
>
<span
class="col-12 q-col-gutter-md row"
class="col-12 row"
:class="{ 'q-col-gutter-md': $q.screen.gt.xs }"
style="color: var(--teal-9)"
>
<span