[Update/bugfix] About VRCT: Poster showcase worlds. Fix clickable range to expand.
And replace the link "Twitter" to "X".
This commit is contained in:
@@ -26,26 +26,28 @@ export const PosterShowcaseWorldsContents = () => {
|
|||||||
<div className={styles.container}>
|
<div className={styles.container}>
|
||||||
<div className={styles.poster_showcase_world_container}>
|
<div className={styles.poster_showcase_world_container}>
|
||||||
{target_poster_showcase_world_images.map((poster, index) => {
|
{target_poster_showcase_world_images.map((poster, index) => {
|
||||||
let content = (
|
const class_names = clsx(styles.poster_showcase_world_wrapper, {
|
||||||
|
[styles.clickable]: (poster.x_post_num !== null)
|
||||||
|
});
|
||||||
|
|
||||||
|
const content = (
|
||||||
<div className={styles.poster_showcase_world_img} >
|
<div className={styles.poster_showcase_world_img} >
|
||||||
<img style={ {height: "100%", width: "100%", "objectFit": "contain" }} src={poster.img} />
|
<img style={ {height: "100%", width: "100%", "objectFit": "contain" }} src={poster.img} />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
if (poster.x_post_num !== null) {
|
if (poster.x_post_num !== null) {
|
||||||
content = (
|
return (
|
||||||
<a href={`https://twitter.com/Shiina_12siy/status/${poster.x_post_num}`} target="_blank" rel="noreferrer" >
|
<a href={`https://x.com/Shiina_12siy/status/${poster.x_post_num}`} target="_blank" rel="noreferrer" className={class_names} key={index}>
|
||||||
{content}
|
{content}
|
||||||
</a>
|
</a>
|
||||||
);
|
);
|
||||||
}
|
} else {
|
||||||
const class_names = clsx(styles.poster_showcase_world_wrapper, {
|
|
||||||
[styles.clickable]: (poster.x_post_num !== null)
|
|
||||||
});
|
|
||||||
return (
|
return (
|
||||||
<div className={class_names} key={index}>
|
<div className={class_names} key={index}>
|
||||||
{content}
|
{content}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
}
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
<PosterShowcaseWorldsPagination page_length={chunked_poster_showcase_world_images.length}/>
|
<PosterShowcaseWorldsPagination page_length={chunked_poster_showcase_world_images.length}/>
|
||||||
|
|||||||
Reference in New Issue
Block a user