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,33 +48,17 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -46,33 +46,17 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -46,33 +46,17 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -46,33 +46,17 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -48,33 +48,17 @@ export const createColumns = ({
const full = userImageFull?.(original?.user); const full = userImageFull?.(original?.user);
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -17,33 +17,17 @@ export const createColumns = ({ onShowAvatar, onShowUser, onDelete, onShowFullsc
const full = original?.imageUrl; const full = original?.imageUrl;
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -17,32 +17,17 @@ export const createColumns = ({ userImage, userImageFull, onShowFullscreenImage,
const full = userImageFull?.(original); const full = userImageFull?.(original);
return ( return (
<el-popover <img
placement="right" class="friends-list-avatar"
width={500} src={thumb}
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
class="friends-list-avatar" onShowFullscreenImage?.(full);
src={thumb} }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
@@ -17,33 +17,17 @@ export const createColumns = ({ onShowWorld, onShowUser, onDelete, onShowFullscr
const full = original?.imageUrl; const full = original?.imageUrl;
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },
+10 -26
View File
@@ -19,33 +19,17 @@ export const createColumns = ({ userImage, userImageFull, onShowFullscreenImage,
const full = userImageFull?.(ref); const full = userImageFull?.(ref);
return ( return (
<el-popover <img
placement="right" src={thumb}
width={500} class="friends-list-avatar"
trigger="hover" loading="lazy"
v-slots={{ onClick={(e) => {
reference: () => ( e.stopPropagation();
<img if (full) {
src={thumb} onShowFullscreenImage?.(full);
class="friends-list-avatar" }
loading="lazy"
/>
)
}} }}
> />
<img
src={full}
class={['friends-list-avatar', 'x-popover-image']}
style="cursor: pointer"
loading="lazy"
onClick={(e) => {
e.stopPropagation();
if (full) {
onShowFullscreenImage?.(full);
}
}}
/>
</el-popover>
); );
} }
}, },