YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: cleanup less files

Browse Source
This commit is contained in:
Steven
2023-10-14 12:06:24 +08:00
parent c02f3c0a7d
commit cfc5599334
12 changed files with 54 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/MemoResourceListView.tsx
View File

@ -5,7 +5,6 @@ import { getResourceType, getResourceUrl } from "@/utils/resource";
import MemoResource from "./MemoResource";
import showPreviewImageDialog from "./PreviewImageDialog";
import SquareDiv from "./kit/SquareDiv";
import "@/less/memo-resources.less";
interface Props {
resourceList: Resource[];
@ -77,14 +76,20 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
</div>
))}
<div className={`resource-wrapper ${className || ""}`}>
<div className={`w-full flex flex-col justify-start items-start ${className || ""}`}>
{videoResourceList.length > 0 && (
<div className="images-wrapper">
<div className="w-full grid grid-cols-2 sm:grid-cols-3 gap-2 mt-2wrapper">
{videoResourceList.map((resource) => {
const url = getResourceUrl(resource);
return (
<SquareDiv key={resource.id} className="memo-resource">
<video preload="metadata" crossOrigin="anonymous" src={absolutifyLink(url)} controls></video>
<SquareDiv key={resource.id} className="shadow rounded overflow-hidden hide-scrollbar">
<video
className="cursor-pointer w-full h-full object-contain bg-zinc-100 dark:bg-zinc-800"
preload="metadata"
crossOrigin="anonymous"
src={absolutifyLink(url)}
controls
></video>
</SquareDiv>
);
})}