diff --git a/.changeset/smooth-shirts-run.md b/.changeset/smooth-shirts-run.md new file mode 100644 index 000000000000..9b69649aa7da --- /dev/null +++ b/.changeset/smooth-shirts-run.md @@ -0,0 +1,11 @@ +--- +"@refinedev/core": patch +--- + +feat: `` has `paddingLeft: 200px` by default to make space for the sidebar. This is not needed when the sidebar is not present. + +From on, `` style property can be overridden by passing `containerStyle` prop. + +```jsx + +``` diff --git a/packages/core/src/components/gh-banner/index.tsx b/packages/core/src/components/gh-banner/index.tsx index 6e7924bfaba5..b1ad23088f7d 100644 --- a/packages/core/src/components/gh-banner/index.tsx +++ b/packages/core/src/components/gh-banner/index.tsx @@ -1,10 +1,14 @@ -import React, { SVGProps, useEffect } from "react"; +import React, { CSSProperties, SVGProps, useEffect } from "react"; import { CSSRules } from "./styles"; const text = "If you find Refine useful, you can contribute to its growth by giving it a star on GitHub"; -export const GitHubBanner = () => { +type Props = { + containerStyle?: CSSProperties; +}; + +export const GitHubBanner = ({ containerStyle }: Props) => { useEffect(() => { const styleTag = document.createElement("style"); document.head.appendChild(styleTag); @@ -32,6 +36,7 @@ export const GitHubBanner = () => { maxWidth: "100vw", height: "100%", borderBottom: "1px solid #47ebeb26", + ...containerStyle, }} >