Login:Components:GreetingContainer: change styles
This commit is contained in:
parent
c78ea39947
commit
9603f60379
@ -36,42 +36,28 @@ export const GreetingContainer = styled.div`
|
||||
height: 100%;
|
||||
width: ${DESKTOP_WIDTH}px;
|
||||
|
||||
margin-bottom: 32px;
|
||||
|
||||
@media ${tablet} {
|
||||
width: 100%;
|
||||
max-width: ${TABLET_WIDTH}px;
|
||||
}
|
||||
|
||||
.portal-logo{
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
.invitation-text {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 40px;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media ${mobile} {
|
||||
margin-top: 0;
|
||||
|
||||
padding: 0 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.portal-logo {
|
||||
width: 100%;
|
||||
max-width: 386px;
|
||||
height: 44px;
|
||||
margin: 0 auto;
|
||||
padding-bottom: 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
.injected-svg {
|
||||
height: 26.56px;
|
||||
}
|
||||
|
||||
@media ${mobile} {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
@ -65,7 +65,7 @@ export const GreetingCreateUserContainer = ({
|
||||
<img src={logoUrl} className="portal-logo" alt="greeting-logo" />
|
||||
{type === "LinkInvite" && (
|
||||
<div className="tooltip">
|
||||
<Text fontSize="16px" as="div" className="invitation-text">
|
||||
<Text fontSize="16px">
|
||||
{roomData.title ? (
|
||||
<Trans
|
||||
t={t}
|
||||
|
@ -98,7 +98,7 @@ export const GreetingLoginContainer = ({
|
||||
|
||||
{type === "invitation" && (
|
||||
<div className="greeting-container">
|
||||
<Text fontSize="16px" as="div" className="invitation-text">
|
||||
<Text fontSize="16px">
|
||||
<Trans
|
||||
t={t}
|
||||
i18nKey={roomName ? "InvitationToRoom" : "InvitationToPortal"}
|
||||
|
Loading…
Reference in New Issue
Block a user