Enhancement: fix layout and transitions are added

pawelborkar · Apr 25, 2022 · dec3dbd · dec3dbd
1 parent a6c1ced
commit dec3dbd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -20,6 +20,7 @@ a:hover {
 .app {
     display: flex;
     overflow: hidden;
+    height: 100vh;
 }
 
 .navbar {
@@ -30,6 +31,7 @@ a:hover {
 .main {
     flex: 0.84;
     width: 100%;
+    height: 100vh;
 }
 .routes {
     padding: 20px;
@@ -296,6 +298,11 @@ a:hover {
 .news-card {
     min-height: 300px !important;
 }
+
+.news-card:hover {
+    transform: scale(1.05) !important;
+    transition: transform 0.2s ease-in;
+}
 .news-image-container {
     display: flex !important;
     justify-content: space-between !important;

diff --git a/src/components/News.jsx b/src/components/News.jsx
@@ -26,7 +26,7 @@ const News = ({ simplified }) => {
                     <Select
                         showSearch
                         className="select-news"
-                        placeholder="Search a crypto"
+                        placeholder="Select a cryptocurrency"
                         optionFilterProp="children"
                         onChange={(value) => setNewsCategory(value)}
                         filterOption={(input, option) =>