Web: Client: Confirm: add styles
This commit is contained in:
parent
7cb19512bb
commit
d00d8806ab
@ -0,0 +1,53 @@
|
||||
import styled from "styled-components";
|
||||
|
||||
export const StyledPage = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin: 56px auto 0 auto;
|
||||
max-width: 960px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 414px) {
|
||||
margin-top: 72px;
|
||||
}
|
||||
`;
|
||||
|
||||
export const StyledHeader = styled.div`
|
||||
text-align: left;
|
||||
|
||||
.title {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
`;
|
||||
|
||||
export const StyledBody = styled.div`
|
||||
width: 320px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
width: 100%;
|
||||
}
|
||||
@media (max-width: 375px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-field {
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
.password-field-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.confirm-button {
|
||||
width: 100%;
|
||||
margin-top: 8px;
|
||||
}
|
||||
`;
|
Loading…
Reference in New Issue
Block a user