kibana/x-pack/plugins/fleet/public/components/index.ts
Jen Huang 5000201d56
[UII] Make Fleet & Integrations layouts full width (#186056)
## Summary

Resolves https://github.com/elastic/ingest-dev/issues/2602.

This PR makes global changes to Fleet and Integrations:

1. Layout expands to 100% of available screen width when screen size is
< 1600px wide
2. Layout expands to 80% when screen size is >= 1600px
3. Sets all flyouts to `medium` size with a max width of 800px no matter
the screen size

Exceptions:
- Create/edit integration policy page is restricted to 1200px when
screen size is >= 1600px
- Agent policy settings page is restricted to 1200px no matter the
screen size

### Screenshots

<details>
<summary>On 1920px screen</summary>


![image](96198a5c-b247-4339-940b-134693fc7643)


![image](425e531f-6b02-4895-8478-ab42af6bd696)


![image](325b6dcf-f3e6-44a0-9baf-bfa9f4722b9b)


![image](cbab07a4-5bfe-480c-b8f9-0685615cf471)


![image](7c0852e6-ccd1-4b37-bb67-9e3d7a84941e)


![image](f16aa397-d695-4f86-b9e1-8fa1440ef5aa)
</details>

<details>
<summary>On smaller screen</summary>


![image](6d077af4-c792-4058-b957-9dbe425ba3dd)


![image](6ed144be-b410-4b26-ab6e-4aeb20bed038)


![image](673965b0-f46f-426b-ae95-6eb258f76ec4)


![image](2e0f5f23-29b0-4a90-a855-5e1767d93f7c)


![image](73c0a806-d0b1-40d3-aa99-a44e4fe9b4c0)


![image](fc3e15c8-4992-4808-8e15-4cf91acf5acc)
</details>

### Testing
Fire up the PR and click around everything :)
2024-06-13 15:34:20 -07:00

30 lines
1.6 KiB
TypeScript

/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0; you may not use this file except in compliance with the Elastic License
* 2.0.
*/
export { Loading } from './loading';
export { Error } from './error';
export { FleetSetupLoading } from './fleet_setup_loading';
export { PackageIcon } from './package_icon';
export { ContextMenuActions } from './context_menu_actions';
export { LinkedAgentCount } from './linked_agent_count';
export { ExtensionWrapper } from './extension_wrapper';
export type { HeaderProps } from './header';
export { Header } from './header';
export { NewEnrollmentTokenModal } from './new_enrollment_key_modal';
export { AgentPolicyPackageBadge } from './agent_policy_package_badge';
export { AgentPolicyPackageBadges } from './agent_policy_package_badges';
export { PackagePolicyDeleteProvider } from './package_policy_delete_provider';
export { PackagePolicyActionsMenu } from './package_policy_actions_menu';
export { AddAgentHelpPopover } from './add_agent_help_popover';
export { EuiButtonWithTooltip } from './eui_button_with_tooltip';
export * from './link_and_revision';
export * from './agent_enrollment_flyout';
export * from './platform_selector';
export { ConfirmForceInstallModal } from './confirm_force_install_modal';
export { DevtoolsRequestFlyoutButton } from './devtools_request_flyout';
export { HeaderReleaseBadge, InlineReleaseBadge } from './release_badge';
export { WithGuidedOnboardingTour } from './with_guided_onboarding_tour';
export { UninstallCommandFlyout } from './uninstall_command_flyout';