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 ( return (
<a <a
href="link" 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) => { onClick={(e) => {
e.preventDefault(); e.preventDefault();
navigate(link); navigate(link);

View File

@@ -244,7 +244,7 @@ export default function ResourcePage() {
<span className="text-sm">{t("Comments")}</span> <span className="text-sm">{t("Comments")}</span>
{resource.comments ? ( {resource.comments ? (
<span <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} {resource.comments}
</span> </span>
@@ -617,11 +617,11 @@ function FileTile({ file }: { file: RFile }) {
<div className={"card shadow bg-base-100 mb-4"}> <div className={"card shadow bg-base-100 mb-4"}>
<div className={"p-4 flex flex-row items-center"}> <div className={"p-4 flex flex-row items-center"}>
<div className={"grow"}> <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"}> <p className={"text-sm my-1 whitespace-pre-wrap"}>
{file.description} {file.description}
</p> </p>
<div className={"flex items-center mt-1"}> <p className={"items-center mt-1"}>
<a <a
href={userLink} href={userLink}
onClick={(e) => { onClick={(e) => {
@@ -648,7 +648,7 @@ function FileTile({ file }: { file: RFile }) {
</Badge> </Badge>
<DeleteFileDialog fileId={file.id} uploaderId={file.user.id} /> <DeleteFileDialog fileId={file.id} uploaderId={file.user.id} />
<UpdateFileInfoDialog file={file} /> <UpdateFileInfoDialog file={file} />
</div> </p>
</div> </div>
<div className={"flex flex-row items-center"}> <div className={"flex flex-row items-center"}>
<button <button