every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update/bugfix] About VRCT: Poster showcase worlds. Fix clickable range to expand.

Browse Source 
And replace the link "Twitter" to "X".
This commit is contained in:
Sakamoto Shiina
2024-08-14 13:55:56 +09:00
parent f96b834de5
commit c0411ef4a8
1 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/poster_showcase_worlds_contents/PosterShowcaseWorldsContents.jsx
View File

@@ -26,26 +26,28 @@ export const PosterShowcaseWorldsContents = () => {
<div className={styles.container}>
<div className={styles.poster_showcase_world_container}>
{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} >
<img style={ {height: "100%", width: "100%", "objectFit": "contain" }} src={poster.img} />
</div>
);
if (poster.x_post_num !== null) {
content = (
<a href={`https://twitter.com/Shiina_12siy/status/${poster.x_post_num}`} target="_blank" rel="noreferrer" >
return (
<a href={`https://x.com/Shiina_12siy/status/${poster.x_post_num}`} target="_blank" rel="noreferrer" className={class_names} key={index}>
{content}
</a>
);
} else {
return (
<div className={class_names} key={index}>
{content}
</div>
);
}
const class_names = clsx(styles.poster_showcase_world_wrapper, {
[styles.clickable]: (poster.x_post_num !== null)
});
return (
<div className={class_names} key={index}>
{content}
</div>
);
})}
</div>
<PosterShowcaseWorldsPagination page_length={chunked_poster_showcase_world_images.length}/>