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