nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-12-16 23:51:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

improve gallery

Browse Source
This commit is contained in:
nyne
2025-11-01 17:28:24 +08:00
parent a4de7a1d54
commit 2499962815
1 changed files with 56 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/pages/resource_details_page.tsx
View File

@@ -25,7 +25,8 @@ import Markdown from "react-markdown";
import "../markdown.css";
import Loading from "../components/loading.tsx";
import {
MdAdd, MdOutlineAccessTime,
MdAdd,
MdOutlineAccessTime,
MdOutlineAdd,
MdOutlineArchive,
MdOutlineArticle,
@@ -200,7 +201,9 @@ export default function ResourcePage() {
return (
<h2
key={i}
className={"text-lg px-4 py-1 text-gray-700 dark:text-gray-300"}
className={
"text-lg px-4 py-1 text-gray-700 dark:text-gray-300"
}
>
{e}
</h2>
@@ -208,7 +211,9 @@ export default function ResourcePage() {
})}
<button
onClick={() => {
navigate(`/user/${encodeURIComponent(resource.author.username)}`);
navigate(
`/user/${encodeURIComponent(resource.author.username)}`,
);
}}
className="border-b-2 mx-4 py-1 cursor-pointer border-transparent hover:border-primary transition-colors duration-200 ease-in-out"
>
@@ -226,16 +231,6 @@ export default function ResourcePage() {
</div>
</button>
<Tags tags={resource.tags} />
</div>
<div className="w-md p-4 hidden sm:flex items-center justify-center">
<Gallery images={resource.gallery} />
</div>
</div>
<div className="w-full p-4 flex sm:hidden items-center justify-center">
<Gallery images={resource.gallery} />
</div>
<div className={"px-3 mt-2 flex flex-wrap"}>
{resource.links &&
resource.links.map((l) => {
@@ -258,6 +253,15 @@ export default function ResourcePage() {
})}
<CollectionDialog rid={resource.id} />
</div>
</div>
<div className="w-96 md:w-md lg:w-lg p-4 hidden sm:flex items-center justify-center">
<Gallery images={resource.gallery} />
</div>
</div>
<div className="w-full p-4 flex sm:hidden items-center justify-center">
<Gallery images={resource.gallery} />
</div>
<div
className="tabs tabs-box my-4 mx-2 p-4 shadow"