Update App.jsx (#631)

* Update App.jsx * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Update App.jsx * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
theosanderson · Nov 11, 2024 · 425e9ec · 425e9ec
1 parent 2d3b384
commit 425e9ec
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/taxonium_website/src/App.jsx b/taxonium_website/src/App.jsx
@@ -191,7 +191,13 @@ function App() {
                 )}
                 {window.screen.width >= 600 && (
                   <>
-                    <span className="font-medium ">{title}</span>
+                    <span
+                      className={`font-medium ${
+                        title.length > 12 ? "text-lg" : ""
+                      }`}
+                    >
+                      {title}
+                    </span>
                     <div className="flex flex-row mt-4">
                       <CgListTree className="h- ml-1 w-4 mr-1" />
                       <span className="text-xs ml-1">visualised with </span>