a flat design with narrower lists

This commit is contained in:
spencerwooo
2022-01-06 21:10:16 +08:00
parent fef6b1eee5
commit b451f09aeb
8 changed files with 33 additions and 29 deletions
+2 -2
View File
@@ -1,10 +1,10 @@
export function PreviewContainer({ children }): JSX.Element {
return <div className="dark:bg-gray-900 p-3 bg-white rounded border border-gray-900/10">{children}</div>
return <div className="dark:bg-gray-900 p-3 bg-white rounded dark:text-white">{children}</div>
}
export function DownloadBtnContainer({ children }): JSX.Element {
return (
<div className="mt-4 border rounded border-gray-900/10 p-2 sticky bottom-0 left-0 right-0 z-10 bg-white bg-opacity-80 backdrop-blur-md dark:bg-gray-900">
<div className="border-t rounded border-gray-900/10 dark:border-gray-500/30 p-2 sticky bottom-0 left-0 right-0 z-10 bg-white bg-opacity-80 backdrop-blur-md dark:bg-gray-900">
{children}
</div>
)