Add box-shadow, reduce padding on mobile.

This commit is contained in:
symant233
2022-11-29 18:58:49 +08:00
parent 0684f04546
commit bfb2db73b5
7 changed files with 10 additions and 10 deletions
+2 -2
View File
@@ -1,10 +1,10 @@
export function PreviewContainer({ children }): JSX.Element {
return <div className="rounded bg-white p-3 dark:bg-gray-900 dark:text-white">{children}</div>
return <div className="rounded bg-white p-3 dark:bg-gray-900 dark:text-white shadow-sm">{children}</div>
}
export function DownloadBtnContainer({ children }): JSX.Element {
return (
<div className="sticky bottom-0 left-0 right-0 z-10 rounded border-t border-gray-900/10 bg-white bg-opacity-80 p-2 backdrop-blur-md dark:border-gray-500/30 dark:bg-gray-900">
<div className="sticky bottom-0 left-0 right-0 z-10 rounded border-t border-gray-900/10 bg-white bg-opacity-80 p-2 backdrop-blur-md dark:border-gray-500/30 dark:bg-gray-900 shadow-sm">
{children}
</div>
)