fix: ProfileBanner responsive

This commit is contained in:
puriphatt 2025-01-06 11:10:12 +07:00
parent 71986121bc
commit 1e24eb6c4e

View file

@ -49,7 +49,7 @@ const smallBanner = ref(false);
</script>
<template>
<q-img
v-if="!smallBanner"
v-if="!smallBanner && $q.screen.gt.xs"
fit="cover"
class="cover rounded bordered relative-position"
:style="`height: ${tabsList ? '180px' : '10vw'}`"
@ -274,7 +274,7 @@ const smallBanner = ref(false);
<!-- small -->
<q-img
v-if="(!$q.screen.gt.sm && smallBanner) || smallBanner"
v-if="(!$q.screen.gt.sm && smallBanner) || smallBanner || $q.screen.lt.sm"
fit="cover"
class="cover rounded bordered relative-position"
:style="`height: 45px`"