communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
66 lines • 1.41 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
/**
* Vertical Gallery gap size in rem between tiles and buttons
*
* @private
*/
export const VERTICAL_GALLERY_GAP = 0.5;
/**
* @private
*/
export const childrenContainerStyle = (pageControlBarHeight) => {
return {
width: '100%',
height: `calc(100% - ${pageControlBarHeight + VERTICAL_GALLERY_GAP}rem)`,
gap: `${VERTICAL_GALLERY_GAP}rem`
};
};
/**
* @private
*/
export const rootStyle = {
height: '100%',
width: 'inherit', // this needs to inherit its parent's width otherwise will collapse if there are no children.
gap: `${VERTICAL_GALLERY_GAP}rem`,
position: 'relative'
};
/**
* @private
*/
export const pageNavigationControlBarContainerStyle = {
height: '2rem',
width: '100%',
position: 'absolute',
bottom: '0'
};
/**
* @private
*/
export const leftRightButtonStyles = (theme) => {
return {
background: 'none',
padding: 0,
height: 'auto',
borderRadius: theme.effects.roundedCorner4,
border: 'none',
minWidth: '2rem'
};
};
/**
* @private
*/
export const participantPageCounter = {
lineHeight: '2rem',
width: '100%',
textAlign: 'center'
};
/**
* @private
*/
export const navIconStyles = {
root: {
lineHeight: '0'
}
};
//# sourceMappingURL=VerticalGallery.styles.js.map