diff --git a/src/app/(explore)/layout.tsx b/src/app/(explore)/layout.tsx deleted file mode 100644 index 87b0d99..0000000 --- a/src/app/(explore)/layout.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import ExploreNavigation from "@/components/explore/ExploreNavigation"; - -export default function ExploreLayout({ - children, // will be a page or nested layout -}: { - children: React.ReactNode; -}) { - return ( -
-
- -
{children}
- - {/* Include shared UI here e.g. a header or sidebar */} -
-
- ); -} diff --git a/src/app/(explore)/sources/[...slug]/page.tsx b/src/app/(explore)/sources/[...slug]/page.tsx index a380699..b72e8a9 100644 --- a/src/app/(explore)/sources/[...slug]/page.tsx +++ b/src/app/(explore)/sources/[...slug]/page.tsx @@ -62,8 +62,8 @@ const page = ({ params }: { params: { slug: string[] } }) => { const isDirectoryList = Array.isArray(current); return ( -
-
+
+
{ ))}
) : ( -
+
{(displayCurrent as string[]).map((key, i) => ( +
+ + +
{children}
+ + {/* Include shared UI here e.g. a header or sidebar */} + + +
+ + ); +} diff --git a/src/app/globals.css b/src/app/globals.css index b497b56..f5fbf76 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -32,7 +32,7 @@ --background-start-rgb: 214, 219, 220; --background-end-rgb: 255, 255, 255; --basic-mono-font: basic-mono; - --header-height: 100px; + --header-height: 86px; } /* @media (prefers-color-scheme: dark) { @@ -49,6 +49,11 @@ body { color: rgb(var(--foreground-rgb)); } */ +@media (min-width: 768px) { + :root { + --header-height: 100px; + } +} @layer utilities { .text-balance { diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f2f3e1c..3b8a60c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -24,7 +24,7 @@ export default function RootLayout({
-
{children}
+ {children} diff --git a/src/components/common/BreadCrumbs.tsx b/src/components/common/BreadCrumbs.tsx index 67e9fc1..834d6c2 100644 --- a/src/components/common/BreadCrumbs.tsx +++ b/src/components/common/BreadCrumbs.tsx @@ -12,8 +12,7 @@ const BreadCrumbs = () => { .split("/") .slice(0, idx + 1) .join("/"); - - return { name: path || "home", link: route }; + return { name: path || "home", link: route || "/" }; }); const isActive = allRoutes[allRoutes.length - 1]; diff --git a/src/components/explore/ExploreNavigation.tsx b/src/components/explore/ExploreNavigation.tsx index c084789..52a6853 100644 --- a/src/components/explore/ExploreNavigation.tsx +++ b/src/components/explore/ExploreNavigation.tsx @@ -7,7 +7,7 @@ import { ArrowLinkUpRight } from "@bitcoin-dev-project/bdp-ui/icons"; const ExploreNavigation = () => { return ( -
+
{ExploreNavigationItems.map((item) => ( diff --git a/src/components/explore/TranscriptContentPage.tsx b/src/components/explore/TranscriptContentPage.tsx index 0001c4f..2d05077 100644 --- a/src/components/explore/TranscriptContentPage.tsx +++ b/src/components/explore/TranscriptContentPage.tsx @@ -22,9 +22,9 @@ const TranscriptContentPage: FC = ({ header, data, descr const [currentGroup, setCurrentGroup] = useState(type === "alphabet" ? "A" : createSlug(Object.keys(groupedData)[0])); return ( -
+
-
+
{type == "alphabet" && } {type == "words" && }
@@ -64,7 +64,7 @@ const TranscriptContentPage: FC = ({ header, data, descr
-
+
{type === "alphabet" && } {type == "words" && }
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx index 9201de6..4aa1a26 100644 --- a/src/components/layout/Header.tsx +++ b/src/components/layout/Header.tsx @@ -189,7 +189,9 @@ const Header = () => {
- + + +