sticky download button so long previews doesn't push buttons down, closes #205

2026-09-22 13:38:45 +00:00 · 2021-12-29 15:52:18 +08:00
parent 29df9bc9cb
commit 172d0a97eb
8 changed files with 26 additions and 23 deletions
@@ -73,7 +73,8 @@ const AudioPreview: FunctionComponent<{ file: any }> = ({ file }) => {
          </div>
        </div>
      </div>
-      <div className="mt-4">
+
+      <div className="border-t-gray-200 dark:border-t-gray-700 border-t p-2 sticky bottom-0 left-0 right-0 z-10 bg-white bg-opacity-80 backdrop-blur-md dark:bg-gray-900">
        <DownloadButtonGroup downloadUrl={file['@microsoft.graph.downloadUrl']} />
      </div>
    </>