Update CSS for navbar item visibility and font size (#204)

* nav bar ui fix * 🎨 pnpm run lint:fix [dependabot skip] * remove unnecessary styles, add media query --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: ankitjena <[email protected]>
coderabbitai · Jan 21, 2025 · c1cf334 · c1cf334
1 parent 3e8ec95
commit c1cf334
Showing 1 changed file with 13 additions and 26 deletions.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -90,19 +90,6 @@ a[docid="docs"] > svg {
 	align-items: center;
 }
 
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[docid="docs"] {
-		display: none !important;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[href="https://coderabbit.ai/blog"]
-	{
-		display: none;
-	}
-}
-
 [data-theme="light"] img[src$="#gh-dark-mode-only"],
 [data-theme="dark"] img[src$="#gh-light-mode-only"] {
 	display: none;
@@ -157,19 +144,6 @@ a[docid="docs"] > svg {
 	align-items: center;
 }
 
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[docid="docs"] {
-		display: none !important;
-	}
-}
-
-@media screen and (max-width: 480px) {
-	a.navbar__item.navbar__link[href="https://coderabbit.ai/blog"]
-	{
-		display: none;
-	}
-}
-
 /* Light mode Discord icon */
 /* .header-discord-link:before {
     -webkit-filter: invert(100%);
@@ -303,3 +277,16 @@ a[docid="docs"] > svg {
 .center-image {
 	text-align: center;
 }
+
+@media screen and (max-width: 480px) {
+	a.navbar__item.navbar__link[href="/"] {
+		display: none;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	a.navbar__item.navbar__link[href="https://coderabbit.ai/blog"]
+	{
+		display: none;
+	}
+}