🔧 from browserrouter to hashrouter

dl0312 · Aug 25, 2019 · d307cc5 · d307cc5
1 parent 0e319e2
commit d307cc5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -3,7 +3,7 @@ import styled from "styled-components";
 import Router from "./Router";
 import { GlobalStyle } from "./global-styles";
 import { ToastContainer } from "react-toastify";
-import { BrowserRouter } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import ScrollToTop from "./utils/ScrollToTop";
 
 const AppContainer = styled.div``;
@@ -19,13 +19,13 @@ const App: React.SFC = () => {
         hideProgressBar={true}
         pauseOnHover={true}
       />
-      <BrowserRouter>
+      <HashRouter>
         <ScrollToTop>
           <AppContainer className="app">
             <Router />
           </AppContainer>
         </ScrollToTop>
-      </BrowserRouter>
+      </HashRouter>
     </>
   );
 };

diff --git a/src/routes/Tracking.jsx b/src/routes/Tracking.jsx
@@ -211,13 +211,17 @@ class Tracking extends Component {
               overflow={true}
               hanger={"50%"}
               anchor={"50%"}
-              gap={5}
+              gap={25}
               moveType={{ type: "snap", count: 1 }}
               collectStatistics={true}
               plugins={[new Fade()]}
             >
               {popupCards.map((card, index) => (
-                <AnimalCard imageSrc={card} key={index} />
+                <AnimalCard
+                  style={{ height: "30rem", backgroundSize: "auto 100%" }}
+                  imageSrc={card}
+                  key={index}
+                />
               ))}
             </Flicking>
           </DarkBackground>