initial commit

2025-08-05 12:35:40 +07:00
commit fffa2ead5c
1069 changed files with 118056 additions and 0 deletions
@@ -0,0 +1,80 @@
+// Third-party Imports
+import styled from '@emotion/styled'
+import type { CSSObject } from '@emotion/styled'
+
+// Config Imports
+import themeConfig from '@configs/themeConfig'
+
+// Util Imports
+import { verticalLayoutClasses } from '@layouts/utils/layoutClasses'
+
+type StyledFooterProps = {
+  overrideStyles?: CSSObject
+}
+
+const StyledFooter = styled.footer<StyledFooterProps>`
+  &.${verticalLayoutClasses.footerContentCompact} {
+    &.${verticalLayoutClasses.footerDetached} {
+      margin-inline: auto;
+      max-inline-size: ${themeConfig.compactContentWidth}px;
+    }
+
+    &.${verticalLayoutClasses.footerAttached} .${verticalLayoutClasses.footerContentWrapper} {
+      margin-inline: auto;
+      max-inline-size: ${themeConfig.compactContentWidth}px;
+    }
+  }
+
+  &.${verticalLayoutClasses.footerFixed} {
+    position: sticky;
+    inset-block-end: 0;
+    z-index: var(--footer-z-index);
+
+    &.${verticalLayoutClasses.footerAttached},
+      &.${verticalLayoutClasses.footerDetached}
+      .${verticalLayoutClasses.footerContentWrapper} {
+      background-color: var(--mui-palette-background-paper);
+    }
+
+    &.${verticalLayoutClasses.footerDetached} {
+      pointer-events: none;
+      padding-inline: ${themeConfig.layoutPadding}px;
+
+      & .${verticalLayoutClasses.footerContentWrapper} {
+        pointer-events: auto;
+        box-shadow: 0 3px 12px 0px rgb(var(--mui-mainColorChannels-lightShadow) / 0.14);
+        [data-mui-color-scheme='dark'] & {
+          box-shadow: 0 3px 12px 0px rgb(var(--mui-mainColorChannels-darkShadow) / 0.14);
+        }
+        border-start-start-radius: var(--border-radius);
+        border-start-end-radius: var(--border-radius);
+
+        [data-skin='bordered'] & {
+          box-shadow: none;
+          border-inline: 1px solid var(--border-color);
+          border-block-start: 1px solid var(--border-color);
+        }
+      }
+    }
+
+    &.${verticalLayoutClasses.footerAttached} {
+      box-shadow: 0 3px 12px 0px rgb(var(--mui-mainColorChannels-lightShadow) / 0.14);
+      [data-mui-color-scheme='dark'] & {
+        box-shadow: 0 3px 12px 0px rgb(var(--mui-mainColorChannels-darkShadow) / 0.14);
+      }
+      [data-skin='bordered'] & {
+        box-shadow: none;
+        border-block-start: 1px solid var(--border-color);
+      }
+    }
+  }
+
+  & .${verticalLayoutClasses.footerContentWrapper} {
+    padding-block: 16px;
+    padding-inline: ${themeConfig.layoutPadding}px;
+  }
+
+  ${({ overrideStyles }) => overrideStyles}
+`
+
+export default StyledFooter