refactoring theme.js by breaking up the root slot into further header, body slots to better compartmentalize css in components

2026-09-15 10:59:20 -07:00
parent 18c1df93d1
commit 4523f8035f
3 changed files with 39 additions and 62 deletions
@@ -26,7 +26,7 @@ export default function Home() {

  return (
    <Flex css={homeStyle.root}>
-      <Flex as="header">
+      <Flex as="header" css={homeStyle.header}>
        {/* TABS CONTAINER */}
        <Flex>
          {HOME_TABS.map((tab) => {
@@ -52,7 +52,7 @@ export default function Home() {
      </Flex>

      {/* TABS CONTENT */}
-      <Flex>
+      <Flex css={homeStyle.body}>
        <Outlet/>
      </Flex>