Improve UI

This commit is contained in:
2025-07-07 10:20:50 +08:00
parent a169918b93
commit 0021a73951
2 changed files with 5 additions and 5 deletions

View File

@@ -156,7 +156,7 @@ function ResourceCard({ resource }: { resource: Resource }) {
return (
<a
href="link"
className="flex flex-col sm:flex-row w-full card bg-base-200 shadow-xs hover:shadow overflow-clip my-2"
className="flex flex-col sm:flex-row w-full card bg-base-200 shadow-xs hover:shadow overflow-clip my-2 transition-shadow"
onClick={(e) => {
e.preventDefault();
navigate(link);

View File

@@ -244,7 +244,7 @@ export default function ResourcePage() {
<span className="text-sm">{t("Comments")}</span>
{resource.comments ? (
<span
className={`px-1 py-0.5 ml-1 rounded-full text-xs ${page === 2 ? "bg-accent text-accent-content" : "text-base-content/60"}`}
className={`px-1.5 py-0.5 ml-1 rounded-full text-xs ${page === 2 ? "bg-accent text-accent-content" : "text-base-content/60"}`}
>
{resource.comments}
</span>
@@ -617,11 +617,11 @@ function FileTile({ file }: { file: RFile }) {
<div className={"card shadow bg-base-100 mb-4"}>
<div className={"p-4 flex flex-row items-center"}>
<div className={"grow"}>
<h4 className={"font-bold"}>{file.filename}</h4>
<h4 className={"font-bold break-all"}>{file.filename}</h4>
<p className={"text-sm my-1 whitespace-pre-wrap"}>
{file.description}
</p>
<div className={"flex items-center mt-1"}>
<p className={"items-center mt-1"}>
<a
href={userLink}
onClick={(e) => {
@@ -648,7 +648,7 @@ function FileTile({ file }: { file: RFile }) {
</Badge>
<DeleteFileDialog fileId={file.id} uploaderId={file.user.id} />
<UpdateFileInfoDialog file={file} />
</div>
</p>
</div>
<div className={"flex flex-row items-center"}>
<button