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: optimize layout of image resources (#2221)

Browse Source 
Optimize layout of image resource
This commit is contained in:
Athurg Gooth
2023-09-15 17:58:17 +08:00
committed by GitHub
parent e6a90a8be8
commit 0c0c72c3ca
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -52,7 +52,12 @@ const MemoResourceListView: React.FC<Props> = (props: Props) => {
/> />
</div> </div>
) : ( ) : (
<div className={classNames("w-full mt-2 grid gap-2 grid-cols-2 sm:grid-cols-3")}> <div
className={classNames(
"w-full mt-2 grid gap-2 grid-cols-2",
imageResourceList.length === 4 ? "sm:grid-cols-2" : "sm:grid-cols-3"
)}
>
{imageResourceList.map((resource) => { {imageResourceList.map((resource) => {
const url = getResourceUrl(resource); const url = getResourceUrl(resource);
return ( return (