renderAuthSplitLayout function

Component renderAuthSplitLayout(
  1. AuthSplitLayoutProps props
)

Renders a split-screen auth layout.

Implementation

Component renderAuthSplitLayout(AuthSplitLayoutProps props) {
  final leftPanel = _buildBrandingPanel(props.brandingContent);
  final rightPanel = _buildFormPanel(props.formContent, props.mobileHeader);

  return dom.div(
    styles: const dom.Styles(raw: {
      'display': 'flex',
      'min-height': '100vh',
      'background': 'var(--background)',
    }),
    [
      // Branding panel (hidden on mobile)
      if (!props.reverseSides) leftPanel else rightPanel,
      // Form panel
      if (!props.reverseSides) rightPanel else leftPanel,
    ],
  );
}