@azure/communication-react
Version:
React library for building modern communication user experiences utilizing Azure Communication Services
110 lines • 2.33 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { mergeStyles, FontWeights } from '@fluentui/react';
import { _pxToRem } from "../../../../../acs-ui-common/src";
/**
* @private
*/
export const phoneInfoContainerTokens = {
childrenGap: '0.5rem'
};
/**
* @private
*/
export const phoneInfoContainerStyle = {
root: {
position: 'relative',
maxHeight: '100%',
overflow: 'hidden'
}
};
/**
* @private
*/
export const themedPhoneInfoModalStyle = (theme) => ({
main: {
borderRadius: theme.effects.roundedCorner6,
padding: _pxToRem(24),
width: _pxToRem(600),
height: 'fit-content',
overflow: 'hidden'
}
});
/**
* @private
*/
export const titleClassName = mergeStyles({
fontWeight: 600,
fontSize: _pxToRem(20),
lineHeight: _pxToRem(28)
});
/**
* @private
*/
export const titleContainerClassName = mergeStyles({
paddingBottom: _pxToRem(20)
});
/**
* @private
*/
export const phoneInfoLabelStyle = mergeStyles({
fontSize: _pxToRem(14),
lineHeight: _pxToRem(40)
});
/**
* @private
*/
export const phoneInfoTextStyle = mergeStyles({
fontSize: _pxToRem(14),
lineHeight: _pxToRem(40),
fontWeight: FontWeights.semibold
});
/**
* @private
*/
export const phoneInfoIcon = (theme) => {
return mergeStyles({
background: `${theme.palette.themeLighter}`,
height: _pxToRem(36),
width: _pxToRem(36),
marginRight: _pxToRem(12),
borderRadius: _pxToRem(18)
});
};
/**
* @private
*/
export const phoneInfoInstructionLine = mergeStyles({
padding: '0.5rem 1rem'
});
/**
* @private
*/
export const phoneInfoStep = mergeStyles({
minWidth: _pxToRem(150),
textAlign: 'right'
});
/**
* @private
*/
export const phoneInfoIconStyle = (theme) => {
return mergeStyles({
padding: _pxToRem(8),
color: `${theme.palette.themePrimary}`,
zIndex: 2
});
};
/**
* @private
*/
export const infoConnectionLinkStyle = (theme) => {
return mergeStyles({
background: `${theme.palette.themeLighter}`,
width: _pxToRem(2),
position: 'relative',
left: _pxToRem(19),
top: _pxToRem(20),
zIndex: 1
});
};
//# sourceMappingURL=TeamsMeetingConferenceInfo.style.js.map