rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: file preview & selected items panel size on mobile (#1492)

Browse Source
This commit is contained in:
Aman Harwara
2022-09-07 18:02:37 +05:30
committed by GitHub
parent 4617afe14e
commit ecd870cdaa
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/FileView/FileViewWithoutProtection.tsx
View File

@@ -60,7 +60,9 @@ const FileViewWithoutProtection = ({ application, viewControllerManager, file }:
</div>
</div>
</div>
<FilePreview file={file} application={application} key={file.uuid} />
<div className="flex min-h-screen flex-col md:min-h-full md:flex-grow">
<FilePreview file={file} application={application} key={file.uuid} />
</div>
</div>
)
}

2
packages/web/src/javascripts/Components/MultipleSelectedFiles/MultipleSelectedFiles.tsx
View File

@@ -26,7 +26,7 @@ const MultipleSelectedFiles = ({ filesController, selectionController }: Props)
<FileOptionsPanel filesController={filesController} selectionController={selectionController} />
</div>
</div>
<div className="flex w-full max-w-md flex-grow flex-col items-center justify-center">
<div className="flex min-h-screen w-full max-w-md flex-grow flex-col items-center justify-center md:min-h-0">
<IlNotesIcon className="block" />
<h2 className="m-0 mt-4 text-center text-lg font-bold">{count} selected files</h2>
<p className="max-w-60 mt-2 text-center text-sm">Actions will be performed on all selected files.</p>

2
packages/web/src/javascripts/Components/MultipleSelectedNotes/MultipleSelectedNotes.tsx
View File

@@ -72,7 +72,7 @@ const MultipleSelectedNotes = ({
/>
</div>
</div>
<div className="flex w-full max-w-md flex-grow flex-col items-center justify-center">
<div className="flex min-h-screen w-full max-w-md flex-grow flex-col items-center justify-center md:min-h-0">
<IlNotesIcon className="block" />
<h2 className="m-0 mt-4 text-center text-lg font-bold">{count} selected notes</h2>
<p className="max-w-60 mt-2 text-center text-sm">Actions will be performed on all selected notes.</p>