chore: update global css (#657)

web/src/components/MemoResources.tsx

@@ -45,8 +45,10 @@ const MemoResources: React.FC<Props> = (props: Props) => {
               return (
                 <Image className="memo-resource" key={resource.id} imgUrls={imgUrls} index={imgUrls.findIndex((item) => item === url)} />
               );
-            } else {
+            } else if (resource.type.startsWith("video")) {
               return <video className="memo-resource" controls key={resource.id} src={url} />;
+            } else {
+              return null;
             }
           })}
         </div>

web/src/css/global.css

@@ -1,6 +1,6 @@
 body,
 html {
-  @apply text-base;
+  @apply text-base bg-white dark:bg-zinc-800;
   font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei UI", "Microsoft YaHei",
     "WenQuanYi Micro Hei", sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
     "Noto Color Emoji";

web/src/main.tsx

@@ -1,3 +1,4 @@
+import { CssVarsProvider } from "@mui/joy";
 import dayjs from "dayjs";
 import relativeTime from "dayjs/plugin/relativeTime";
 import { createRoot } from "react-dom/client";
@@ -6,14 +7,13 @@ import store from "./store";
 import App from "./App";
 import "./i18n";
 import "./helpers/polyfill";
-import "highlight.js/styles/github.css";
-import "./less/global.less";
-import "./css/tailwind.css";
 import "dayjs/locale/zh";
 import "dayjs/locale/fr";
 import "dayjs/locale/vi";
-import { CssVarsProvider } from "@mui/joy";
 import theme from "./theme";
+import "highlight.js/styles/github.css";
+import "./css/global.css";
+import "./css/tailwind.css";
 
 dayjs.extend(relativeTime);