From c9c317c9185df9f345115511d305ea79cafa6e1e Mon Sep 17 00:00:00 2001
From: W Beecher Baker <wbbaker@purdue.edu>
Date: Wed, 2 Oct 2024 13:58:48 -0400
Subject: [PATCH] tweak style to fit into a Cascade page better

---
 config/style/purdue-cascade.css | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 config/style/purdue-cascade.css

diff --git a/config/style/purdue-cascade.css b/config/style/purdue-cascade.css
new file mode 100644
index 0000000..ee161d1
--- /dev/null
+++ b/config/style/purdue-cascade.css
@@ -0,0 +1,11 @@
+#main-content #app header:is(.flex) {
+    /* Cascade has its own page header, so hide the TaxonPages header.
+     * Even if we remove the header from the Vue app, a placeholder will be added. */
+    display: none;
+}
+
+#main-content #app .h-screen {
+    /* TaxonPages takes over the screen, but that's not good behavior inside a Cascade page. */
+    height: unset;
+    min-height: 30rem;
+}
\ No newline at end of file