fleet/frontend/styles/var/padding.ts
jacobshandling b4311f735d
UI: Make teams dropdowns searchable (#29928)
## For #28822 

- Enable searching the teams dropdown
- Ensure right-scrolling per usual text input fields when search text is
long
- Ensure neighboring elements are not moved when search text is long


![ezgif-5b014b0a03dc31](https://github.com/user-attachments/assets/30f98ea6-c7f8-4566-bfef-4e1a6eb0b55d)

- [x] Changes file added for user-visible changes in `changes/`
- [x] Manual QA for all new/changed functionality

---------

Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
2025-06-11 15:11:12 -07:00

16 lines
387 B
TypeScript

import pxToRem from "./helpers";
export const PADDING = {
"pad-auto": "auto",
"pad-xxsmall": pxToRem(2),
"pad-xsmall": pxToRem(4),
"pad-small": pxToRem(8),
"pad-icon": pxToRem(14),
"pad-medium": pxToRem(16),
"pad-large": pxToRem(24),
"pad-xlarge": pxToRem(32),
"pad-xxlarge": pxToRem(40),
"pad-xxxlarge": pxToRem(80),
};
export type Padding = keyof typeof PADDING;