refactor(root&header): optimize root and logo style

2022-10-14 10:22:07 +08:00 · 2022-10-14 10:22:07 +08:00 · ec1a826ed3
parent 1ef3b2bc9f
commit ec1a826ed3
4 changed files with 8 additions and 8 deletions
--- a/ui/public/index.html
+++ b/ui/public/index.html
@ -2,7 +2,7 @@
 <html>
  <head>
    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
 <!--    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />-->
--- a/ui/src/components/Actions/index.tsx
+++ b/ui/src/components/Actions/index.tsx
@ -45,7 +45,7 @@ const Index: FC<Props> = ({ className, data }) => {
        count: data?.collectCount,
      });
    }
-  }, [data]);
+  }, []);

  const handleVote = (type: 'up' | 'down') => {
    if (!isLogin(true)) {
--- a/ui/src/components/Header/index.tsx
+++ b/ui/src/components/Header/index.tsx
@ -48,13 +48,9 @@ const Header: FC = () => {
  return (
    <Navbar variant="dark" expand="lg" className="sticky-top" id="header">
      <Container className="d-flex align-items-center">
-        <Navbar.Brand href="/">
+        <Navbar.Brand className="lh-1" href="/">
          {interfaceInfo.logo ? (
-            <img
-              className="logo rounded-1 me-0"
-              src={interfaceInfo.logo}
-              alt=""
-            />
+            <img className="logo" src={interfaceInfo.logo} alt="" />
          ) : (
            <span>{siteInfo.name || 'Answer'}</span>
          )}
--- a/ui/src/index.scss
+++ b/ui/src/index.scss
@ -14,6 +14,10 @@
  }
 }

+:root {
+  overflow-y: scroll;
+}
+
 html,
 body {
  padding: 0;