fix: css tweaks for mobile search and landing screen (#486)

yearn · Nov 21, 2024 · 49c9c3d · 49c9c3d
1 parent c7e3a23
commit 49c9c3d
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 32 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -111,26 +111,6 @@ html[data-theme='light'] .DocSearch-Search-Icon {
 html[data-theme='light'] .DocSearch:hover {
   border: solid 1px rgba(128, 128, 128, 0.521);
 }
-@media screen and (max-width: 1082px) {
-  .DocSearch {
-    width: inherit;
-  }
-}
-
-@media screen and (min-width: 751px) and (max-width: 1082px) {
-  html[data-theme='dark'] .DocSearch {
-    border: none;
-  }
-  html[data-theme='dark'] .DocSearch:hover {
-    border: none;
-  }
-  html[data-theme='light'] .DocSearch {
-    border: none;
-  }
-  html[data-theme='light'] .DocSearch:hover {
-    border: none;
-  }
-}
 
 /* ---NAVBAR--- */
 .navbar {

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -10,14 +10,13 @@
   margin-right: auto;
   width: 100%;
   height: calc(100vh - var(--ifm-navbar-height));
-  padding: 5px;
 }
 
 .banner {
   display: flex;
   flex-direction: column;
   height: 100%;
-  padding: 1.3rem;
+  padding: 1.4rem;
 }
 
 .card {
@@ -108,21 +107,11 @@ html[data-theme='dark'] .card:before {
   padding-left: 1rem;
   font-size: 70px;
   color: white;
-  left: -25px;
   z-index: 3;
 }
 
-html[data-theme='dark'] .title {
-  color: var(--ifm-background-color);
-}
-
 @media screen and (max-width: 1082px) {
   .row {
     grid-template-columns: 1fr;
   }
-
-  .card {
-    min-width: 88%;
-    margin: 0.8rem;
-  }
 }