sider width

import { Refine } from "@refinedev/core";
import { ThemedLayoutV2 } from "@refinedev/antd"; // or your UI framework

import { CustomSider } from "./CustomSider";

const App: React.FC = () => {
  return (
    <Refine
    // ...
    >
      <ThemedLayoutV2
        Sider={() => <CustomSider />}
      >
        {/* ... */}
      </ThemedLayoutV2>
    </Refine>
  );
};

<ThemedLayoutV2
  Sider={() => (
    <ThemedSiderV2
      render={({ items, logout, collapsed }) => {
        return (
          <div style={{ width: collapsed ? '120px' : '300px' }}>
            {items}
            {logout}
          </div>
        );
      }}
    />
  )}
>
  {/* ... */}
</ThemedLayoutV2>

<ThemedSiderV2
  render={({ items, logout, collapsed }) => {
    return (
      <div style={{ width: collapsed ? '120px' : '300px' }}>
        {items}
        {logout}
      </div>
    );
  }}
/>

import { ThemedLayoutV2 } from "@refinedev/antd";
import { ThemedSiderV2 } from "@components/layout/sider"; // Your customized sider

export default function Layout({ children }) {
  return <ThemedLayoutV2 Sider={ThemedSiderV2}>{children}</ThemedLayoutV2>;
}