style.ts
1.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
import styled from "styled-components";
export const LoginWrapper = styled.div`
width: 100vw;
height: 100vh;
background-image: url('https://ts1.cn.mm.bing.net/th/id/R-C.8f9f83c84d633dc5d17a781d738fe59b?rik=4ibUxRtKgf1BvQ&riu=http%3a%2f%2fsc.68design.net%2fqita7%2fXCBJ%2fimages%2fwcxg_7003.jpg&ehk=7xSC12DDLVz37SiFWtnCtnxu8aIFD3MS9XZ9sShACEc%3d&risl=&pid=ImgRaw&r=0');
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
.ant-input{
background: #F7F8FA;
}
.loginBox{
position: fixed;
top: 20%;
left: 50%;
transform: translate(-50%);
padding: 65px 83px;
border-radius: 12px;
background: #FFF;
box-shadow: 0 15px 54px 0 #1a4fa70d;
.title{
color: #000000e6;
font-size: 32px;
font-weight: 700;
margin-bottom: 50px;
}
.inputbox{
background: #F7F8FA;
margin-bottom: 24px;
border: none;
}
.subtitle{
color: #000000e6;
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
}
.loginbtn{
background: '#05B8D2' !important;
width: 100%;
height: 58px;
border-radius: 8px;
background: #05B8D2;
color: #ffffff;
font-size: 18px;
font-weight: 700;
}
}
`