In Skote React, you'll find the src/constants/layout.js file, where various layout modes are defined.

This file serves as the foundation for configuring and customizing the layout of the admin interface. You have the flexibility to make changes to this file to modify the existing layout modes, and you can also introduce new types or modes of layout to tailor the project to your specific requirements. This central file is pivotal in setting up and managing the layout of the admin section.

In the src/store/layouts/reducer.js file, the layouts for the admin section are defined by retrieving constants from the src/constants/layout.js file, as explained in the Layout page of the documentation.

Below code is the example from the src/constants/layout.js file.

enum LAYOUT_TYPES {
    VERTICAL = "vertical",
    HORIZONTAL = "horizontal"
}
  
enum LAYOUT_MODE_TYPES {
    DARK = "dark",
    LIGHT = "light",
}

enum LAYOUT_WIDTH_TYPES {
    FLUID = "fluid",
    BOXED = "boxed",
    SCROLLABLE = "scrollable",
}

export { LAYOUT_TYPES, LAYOUT_MODE_TYPES, LAYOUT_WIDTH_TYPES }

After making modifications to the layout constants in the layout.js file located in src/constants/, it's important to ensure that corresponding changes are made in the src/store/layouts/reducer.js file, as well as any other related files. These adjustments are necessary to see the desired effects in the admin interface.