Merge pull request #59 from smartive-education/fix/sticky-header

fix: sticky header
ost-cas-fee-adv-22-23 · Apr 1, 2023 · 6eb20ff · 6eb20ff
2 parents 06a4865 + 7399ce4
commit 6eb20ff
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/layout/page-header/page-header.tsx b/src/layout/page-header/page-header.tsx
@@ -11,7 +11,7 @@ export type PageHeaderProps = {
 
 export const PageHeader: FC<PageHeaderProps> = ({ children }) => {
   // Gemäss Figma Style-Definition ist ein Padding Y von 12px vorgesehen. Da unser Design System keine Spacing Definition für 12px aufweist, wurde hier bewusst 16px (s) gewählt.
-  const pageHeaderBaseStyle = ['bg-violet-600', 'py-s', 'px-l'];
+  const pageHeaderBaseStyle = ['sticky', 'top-0', 'z-[100]', 'bg-violet-600', 'py-s', 'px-l'];
 
   return (
     <header className={mergeClassNames(pageHeaderBaseStyle)}>