refactor: html template

4 years ago · 01c594f825
parent 26fd3c6cdb
commit 01c594f825
3 changed files with 45 additions and 48 deletions
--- a/web/assets/template.html
+++ b/web/assets/template.html
@ -1,7 +1,16 @@
 <!DOCTYPE html>
 <html>
  <head>
+    <meta http-equiv="Content-Language" content="zh-CN" />
    <meta charset="utf-8"/>
+    <meta name="keywords" content="im,chat,聊天,开源,即时通讯">
+    <meta name="description" content="开源即时通讯软件">
+    <meta name="renderer" content="webkit">
+    <meta name="force-rendering" content="webkit">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="google" content="notranslate">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=100" />
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
--- a/web/src/routes/Main/Content/PageContent.tsx
+++ b/web/src/routes/Main/Content/PageContent.tsx
@ -5,13 +5,6 @@ import { useDrag } from 'react-use-gesture';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import clsx from 'clsx';

-// const PageContentRoot = styled.div`
-//   display: flex;
-//   flex-direction: row;
-//   flex: 1;
-//   overflow: hidden;
-// `;
-
 // const ContentDetail = styled.div`
 //   flex: 1;
 //   background-color: ${(props) => props.theme.style.contentBackgroundColor};
@ -26,15 +19,6 @@ import clsx from 'clsx';
 //   }
 // `;

-// const ContentDetailMask = styled.div`
-//   position: absolute;
-//   top: 0;
-//   left: 0;
-//   right: 0;
-//   bottom: 0;
-//   z-index: 10;
-// `;
-
 // const SidebarContainer = styled.div<{
 //   showSidebar: boolean;
 // }>`
@ -80,6 +64,8 @@ PageGestureWrapper.displayName = 'PageGestureWrapper';

 /**
 * 用于渲染实际页面的组件，即除了导航栏剩余的内容
+ *
+ * TODO: 移动端适配
 */
 export const PageContent: React.FC<PageContentProps> = React.memo((props) => {
  const { sidebar, children } = props;
--- a/web/src/routes/Main/Content/Personal/Friends/index.tsx
+++ b/web/src/routes/Main/Content/Personal/Friends/index.tsx
@ -11,6 +11,7 @@ export const FriendPanel: React.FC = React.memo(() => {
  const userId = useAppSelector((state) => state.user.info?._id);

  return (
+    <div className="w-full">
      <PillTabs>
        <PillTabPane tab={'全部'} key="1">
          <div className="py-2.5 px-5">
@ -45,6 +46,7 @@ export const FriendPanel: React.FC = React.memo(() => {
          添加好友
        </PillTabPane>
      </PillTabs>
+    </div>
  );
 });
 FriendPanel.displayName = 'FriendPanel';