diff --git a/src/Components/TopBar/TopBar.css b/src/Components/TopBar/TopBar.css index b73f0004..2da7f121 100644 --- a/src/Components/TopBar/TopBar.css +++ b/src/Components/TopBar/TopBar.css @@ -28,6 +28,7 @@ } .SearchBar { + margin-left: 2vw; height: 44px; box-sizing: border-box; display: flex; @@ -48,19 +49,7 @@ } .space { - margin-right: 32px; -} - -.space2 { - margin-right: 24px; -} - -.parag { - position: relative; - align-items: center; - justify-content: space-between; - align-self: center; - vertical-align: middle; + margin-right: 2vw; } .box { @@ -92,13 +81,4 @@ border: 1px solid rgba(35, 35, 35, 0.16); border-radius: 8px; } -.Avatar{ - margin-right: 48px; -} -.Currency { - vertical-align: middle; - align-items: flex-start; - display: flex; - position: absolute; -} diff --git a/src/Components/TopBar/TopBar.js b/src/Components/TopBar/TopBar.js index e5a98186..1ce4df12 100644 --- a/src/Components/TopBar/TopBar.js +++ b/src/Components/TopBar/TopBar.js @@ -5,7 +5,7 @@ import { NavDropdown, Form } from "react-bootstrap"; import dollar from "./dollar.png"; // import btc from "./btc.png"; import avatar from "./avatar.jpg"; -import zil from "./bell.jpg"; +import bell from "./bell.jpg"; function TopBar() { return (
@@ -16,9 +16,7 @@ function TopBar() { {" "}
-
- Cryptos: 27,200 @@ -28,38 +26,36 @@ function TopBar() { Dominance: BTC 39.7%
-
-
- - {"USD"} - - - - {"TRY"} - - - - {"BTC"} - - - - {"ETH"} - - - Choose a currency - -
-
-
-
- bell -
-
-
- avatar +
+ + {"USD"} + + + + {"TRY"} + + + + {"BTC"} + + + + {"ETH"} + + + Choose a currency + +
+
+
+ bell
- ); +
+ avatar +
+
+ ); } - export default TopBar; +export default TopBar;