nezumi/onedrive-vercel-index
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/onedrive-vercel-index.git synced 2026-09-22 13:38:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove all shadows

Browse Source
This commit is contained in:
spencerwooo
2021-12-17 14:35:24 +08:00
parent 476f24164d
commit a27cc18951
12 changed files with 25 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/previews/AudioPreview.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export const AudioPreview: FunctionComponent<{ file: any }> = ({ file }) => {
return (
<>
<div className="dark:bg-gray-900 dark:text-white w-full p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 dark:text-white w-full p-3 bg-white rounded">
<div className="md:flex-row md:space-x-4 flex flex-col space-y-4">
<div className="dark:bg-gray-700 h-72 md:w-40 md:h-36 flex items-center justify-center w-full transition-all duration-75 bg-gray-100 rounded">
{playerStatus === PlayerState.Loading ? (
components/previews/CodePreview.tsx
+3 -3
View File
@@ -18,14 +18,14 @@ const CodePreview: FunctionComponent<{ file: any }> = ({ file }) => {
if (error) {
return (
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 p-3 bg-white rounded">
<FourOhFour errorMsg={error.message} />
</div>
)
}
if (!data) {
return (
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 p-3 bg-white rounded">
<Loading loadingText="Loading file content..." />
</div>
)
@@ -33,7 +33,7 @@ const CodePreview: FunctionComponent<{ file: any }> = ({ file }) => {
return (
<>
<div className="markdown-body p-3 bg-gray-900 rounded shadow">
<div className="markdown-body p-3 bg-gray-900 rounded">
<pre className={`language-${getExtension(file.name)}`}>
<code>{data}</code>
</pre>
components/previews/EPUBPreview.tsx
+1 -1
View File
@@ -34,7 +34,7 @@ const EPUBPreview: FunctionComponent<{file: any}> = ({ file }) => {
return (
<>
<div
className="dark:bg-gray-900 md:p-3 no-scrollbar flex flex-col w-full overflow-scroll bg-white rounded shadow"
className="dark:bg-gray-900 md:p-3 no-scrollbar flex flex-col w-full overflow-scroll bg-white rounded"
style={{ maxHeight: '90vh' }}
>
<div className="no-scrollbar flex-1 w-full overflow-scroll" ref={epubContainer} style={{ minHeight: '70vh' }}>
components/previews/MarkdownPreview.tsx
+1 -1
View File
@@ -85,7 +85,7 @@ const MarkdownPreview: FunctionComponent<{ file: any; path: string; standalone?:
<div
className={
standalone
? 'markdown-body shadow bg-white dark:bg-gray-900 rounded p-3 dark:text-white'
? 'markdown-body bg-white dark:bg-gray-900 rounded p-3 dark:text-white'
: 'markdown-body p-3 dark:text-white'
}
>
components/previews/OfficePreview.tsx
+1 -1
View File
@@ -13,7 +13,7 @@ const OfficePreview: FunctionComponent<{ file: any }> = ({ file }) => {
return (
<>
<div className="overflow-scroll shadow" ref={docContainer} style={{ maxHeight: '90vh' }}>
<div className="overflow-scroll" ref={docContainer} style={{ maxHeight: '90vh' }}>
<Preview url={encodeURIComponent(file['@microsoft.graph.downloadUrl'])} width={docContainerWidth.toString()} height="800" />
</div>
<div className="mt-4">
components/previews/PDFPreview.tsx
+1 -1
View File
@@ -26,7 +26,7 @@ const PDFPreview: FunctionComponent<{ file: any }> = ({ file }) => {
return (
<>
<div
className="dark:bg-gray-900 md:p-3 no-scrollbar flex flex-col w-full overflow-scroll bg-white rounded shadow"
className="dark:bg-gray-900 md:p-3 no-scrollbar flex flex-col w-full overflow-scroll bg-white rounded"
style={{ maxHeight: '90vh' }}
>
<div className="no-scrollbar flex-1 w-full overflow-scroll" ref={pdfContainter} style={{ maxHeight: '80vh' }}>
components/previews/TextPreview.tsx
+3 -3
View File
@@ -9,14 +9,14 @@ const TextPreview: FunctionComponent<{ file: any }> = ({ file }) => {
const { data, error } = useStaleSWR(file['@microsoft.graph.downloadUrl'])
if (error) {
return (
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 p-3 bg-white rounded">
<FourOhFour errorMsg={error.message} />
</div>
)
}
if (!data) {
return (
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 p-3 bg-white rounded">
<Loading loadingText="Loading file content..." />
</div>
)
@@ -24,7 +24,7 @@ const TextPreview: FunctionComponent<{ file: any }> = ({ file }) => {
return (
<>
<div className="dark:bg-gray-900 dark:text-gray-100 p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 dark:text-gray-100 p-3 bg-white rounded">
<pre className="md:p-3 p-0 overflow-scroll">{data}</pre>
</div>
<div className="mt-4">
components/previews/VideoPreview.tsx
+1 -1
View File
@@ -14,7 +14,7 @@ export const VideoPreview: FunctionComponent<{ file: any }> = ({ file }) => {
return (
<>
<div className="dark:bg-gray-900 p-3 bg-white rounded shadow">
<div className="dark:bg-gray-900 p-3 bg-white rounded">
<div className="relative" style={{ paddingTop: '56.25%' }}>
<ReactPlayer
className="absolute top-0 left-0 w-full h-full"