remove some el-popover

This commit is contained in:
pa
2026-01-13 21:24:08 +09:00
committed by Natsumi
parent 69921ed54e
commit 870c7a4938
9 changed files with 90 additions and 233 deletions
@@ -48,25 +48,10 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -74,7 +59,6 @@ export const createColumns = ({
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -46,25 +46,10 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -72,7 +57,6 @@ export const createColumns = ({
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -46,25 +46,10 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -72,7 +57,6 @@ export const createColumns = ({
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -46,25 +46,10 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -72,7 +57,6 @@ export const createColumns = ({
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -48,25 +48,10 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -74,7 +59,6 @@ export const createColumns = ({
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -17,25 +17,10 @@ export const createColumns = ({ onShowAvatar, onShowUser, onDelete, onShowFullsc
const full = original?.imageUrl; const full = original?.imageUrl;
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -43,7 +28,6 @@ export const createColumns = ({ onShowAvatar, onShowUser, onDelete, onShowFullsc
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -17,24 +17,10 @@ export const createColumns = ({ userImage, userImageFull, onShowFullscreenImage,
const full = userImageFull?.(original); const full = userImageFull?.(original);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
class="friends-list-avatar" class="friends-list-avatar"
src={thumb} src={thumb}
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -42,7 +28,6 @@ export const createColumns = ({ userImage, userImageFull, onShowFullscreenImage,
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -17,25 +17,10 @@ export const createColumns = ({ onShowWorld, onShowUser, onDelete, onShowFullscr
const full = original?.imageUrl; const full = original?.imageUrl;
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -43,7 +28,6 @@ export const createColumns = ({ onShowWorld, onShowUser, onDelete, onShowFullscr
} }
}} }}
/> />
</el-popover>
); );
} }
}, },
@@ -19,25 +19,10 @@ export const createColumns = ({ userImage, userImageFull, onShowFullscreenImage,
const full = userImageFull?.(ref); const full = userImageFull?.(ref);
return ( return (
<el-popover
placement="right"
width={500}
trigger="hover"
v-slots={{
reference: () => (
<img <img
src={thumb} src={thumb}
class="friends-list-avatar" class="friends-list-avatar"
loading="lazy" loading="lazy"
/>
)
}}
>
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
if (full) { if (full) {
@@ -45,7 +30,6 @@ export const createColumns = ({ userImage, userImageFull, onShowFullscreenImage,
} }
}} }}
/> />
</el-popover>
); );
} }
}, },