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

fix: ProfileBanner responsive

Browse source
This commit is contained in:
puriphatt 2025-01-06 11:10:12 +07:00
parent 71986121bc
commit 1e24eb6c4e
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/ProfileBanner.vue
View file

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