keycloak-demo-frontend/src/components/Pages/SignIn/index.module.css

78 lines
1.6 KiB
CSS

/* Component Style */
:local(.signInContainer) {
width: 100%;
height: 100%;
position: relative;
}
:local(.signInPanelContainer) {
padding: 0px calc(100% / 12) !important;
position: relative;
}
:local(.signInTitleContainer) {
width: 100%;
min-height: 100px;
padding: 40px 0px 0px 0px;
position: relative;
font-weight: bold !important;
}
:local(.signInFormContainer) {
width: 100%;
display: flex;
position: relative;
}
:local(.signInActionContainer) {
width: 100%;
position: relative;
}
:local(.signInTipsContainer) {
width: 100%;
min-height: 50px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
position: relative;
}
:local(.signInLanguageContainer) {
width: 100%;
min-height: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
:local(.signInFormMargin) {
width: 100%;
margin-bottom: 12px !important;
position: relative;
}
:local(.signInActionButtonStyle) {
min-width: 182px !important;
margin-right: 23px !important;
}
:local(.signInActionOrStyle) {
margin-bottom: 24px !important;
}
:local(.signInLanguageStyle) {
margin-left: 10px !important;
}
:local(.signInTitleMainStyle) {
margin-bottom: 10px;
}
:local(.signInTitleSubStyle) {
margin-bottom: 10px;
}
/* Responsive Style */
@media (max-width: 767px) {
:local(.signInActionButtonStyle) {
width: 100% !important;
min-width: 0px !important;
margin-bottom: 23px !important;
}
:local(.signInActionButtonGoogleStyle) {
width: 100% !important;
min-width: 0px !important;
margin-bottom: 23px !important;
}
}