@topconsultnpm/sdkui-react-beta 6.12.4 → 6.12.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -647,7 +647,7 @@ const StyledVersionContainer = styled.div ` position: absolute; bottom: 35px; le
|
|
|
647
647
|
const StyledVersion = styled.div ` display: flex; align-items: center; gap: 2px; `;
|
|
648
648
|
const StyledVersionName = styled.p ` display: flex; align-items: center; gap: 3px; `;
|
|
649
649
|
const StyledLoginContainer = styled.div ` min-width: ${props => props.$isMobile ? '100%' : '800px'}; width: ${props => props.$isMobile ? '100%' : '50%'}; height:${props => props.$isMobile ? '100%' : '80%'}; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: ${props => !props.$isMobile ? '7px 7px 5px #AEAEAFBF' : 'none'}; border-radius: ${props => !props.$isMobile ? '10px' : 'none'};; opacity: 1; display: flex; flex-direction: ${props => props.$isMobile ? 'column' : 'row'}; overflow: hidden; `;
|
|
650
|
-
const StyledLeftSection = styled.div ` width: ${props => props.$isMobile ? '100%' : '33%'}; min-width: ${props => props.$isMobile ? '100%' : '300px'}; height: ${props => props.$isMobile ? 'calc(25% - 40px)' : '100%'}; background: ${props => props.$isConnector ? TMColors.primary : `transparent linear-gradient(180deg, ${
|
|
650
|
+
const StyledLeftSection = styled.div ` width: ${props => props.$isMobile ? '100%' : '33%'}; min-width: ${props => props.$isMobile ? '100%' : '300px'}; height: ${props => props.$isMobile ? 'calc(25% - 40px)' : '100%'}; background: ${props => props.$isConnector ? TMColors.primary : `transparent linear-gradient(180deg, ${TMColors.primaryColor + 'B2'} 0%, ${TMColors.primaryColor} 100%) 0% 0% no-repeat padding-box`} ;mix-blend-mode: multiply; opacity: 1; position: relative; `; //NOSONAR
|
|
651
651
|
const StyledOverlay = styled.div ` position: ${props => props.$isMobile ? 'unset' : 'absolute'}; top: 148px; left: 0; width: 100%; height: ${props => props.$isMobile ? 'calc(100% - 40px)' : '150px'}; background: linear-gradient(90deg, transparent, #ffffff95, transparent); opacity: 1; display: flex; align-items: center; justify-content: center; padding:10px; `;
|
|
652
652
|
const StyledPoweredByContainer = styled.div ` position: absolute; width: 100%; height: 20px; bottom: ${props => props.$isMobile ? '10px' : '40px'}; left: 0; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.8rem; `;
|
|
653
653
|
const StyledRightSection = styled.div ` width: ${props => props.$isMobile ? '100%' : '67%'}; min-width: ${props => props.$isMobile ? '100%' : '500px'}; height: ${props => props.$isMobile ? '80%' : '100%'}; background: white; mix-blend-mode: multiply; opacity: 1; position: relative; display: flex; align-items: center; justify-content: center; `;
|