mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 11:36:36 +00:00
717d6d88de
style. This revert back this change and add more consistencies with the `navStore` and classes.
24 lines
642 B
Svelte
24 lines
642 B
Svelte
<script>
|
|
/** Specify the id for the main element */
|
|
export let id = "main-content";
|
|
|
|
import { isSideNavExpanded, isSideNavRail } from "./navStore";
|
|
|
|
/**
|
|
* By default, the `SideNav` applies a left margin of `3rem` to `Content`
|
|
* if it's a sibling component (e.g., .bx--side-nav ~ .bx--content).
|
|
*
|
|
* We manually unset the left margin if the `SideNav`
|
|
* is collapsed and if it's not the `rail` variant.
|
|
*/
|
|
$: unsetLeftMargin = !$isSideNavRail && !$isSideNavExpanded;
|
|
</script>
|
|
|
|
<main
|
|
id="{id}"
|
|
class:bx--content="{true}"
|
|
style="{unsetLeftMargin ? 'margin-left: 0' : ''}"
|
|
{...$$restProps}
|
|
>
|
|
<slot />
|
|
</main>
|