border改为.2rem
This commit is contained in:
@@ -122,7 +122,7 @@ const { modelList, selectModel } = toRefs(data);
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
> .item{
|
> .item{
|
||||||
width: calc((100% - 2.5rem * 2) / 3);
|
width: calc((100% - 2.5rem * 2) / 3);
|
||||||
border: 2px solid #D9D9D9;
|
border: .2rem solid #D9D9D9;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
margin-bottom: 5.4rem;
|
margin-bottom: 5.4rem;
|
||||||
height: 75rem;
|
height: 75rem;
|
||||||
|
|||||||
@@ -123,7 +123,7 @@ const handleConfirm = async () => {
|
|||||||
font-size: 5.6rem;
|
font-size: 5.6rem;
|
||||||
width: 32.5rem;
|
width: 32.5rem;
|
||||||
height: 8.1rem;
|
height: 8.1rem;
|
||||||
border: 2px solid #fff;
|
border: .2rem solid #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -132,7 +132,7 @@ const handleConfirm = async () => {
|
|||||||
}
|
}
|
||||||
.entry-btn {
|
.entry-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
border: 2px solid #fff;
|
border: .2rem solid #fff;
|
||||||
bottom: 10.3rem;
|
bottom: 10.3rem;
|
||||||
right: 5.5rem;
|
right: 5.5rem;
|
||||||
height: 9rem;
|
height: 9rem;
|
||||||
@@ -145,7 +145,7 @@ const handleConfirm = async () => {
|
|||||||
.back-container {
|
.back-container {
|
||||||
width: 7.3rem;
|
width: 7.3rem;
|
||||||
height: 7.3rem;
|
height: 7.3rem;
|
||||||
border: 2px solid #fff;
|
border: .2rem solid #fff;
|
||||||
border-radius: 1.8rem;
|
border-radius: 1.8rem;
|
||||||
background: rgba(0, 0, 0, 0.2);
|
background: rgba(0, 0, 0, 0.2);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
@@ -182,7 +182,7 @@ const handleConfirm = async () => {
|
|||||||
|
|
||||||
.glass-form {
|
.glass-form {
|
||||||
height: 84.8rem;
|
height: 84.8rem;
|
||||||
border: 2px solid #ffffff;
|
border: .2rem solid #ffffff;
|
||||||
border-radius: 4.7rem;
|
border-radius: 4.7rem;
|
||||||
margin: 0 14.2rem;
|
margin: 0 14.2rem;
|
||||||
padding: 8.2rem 7.9rem;
|
padding: 8.2rem 7.9rem;
|
||||||
@@ -213,7 +213,7 @@ const handleConfirm = async () => {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10rem;
|
height: 10rem;
|
||||||
line-height: 10rem;
|
line-height: 10rem;
|
||||||
border: 2px solid #fff;
|
border: .2rem solid #fff;
|
||||||
border-radius: 7rem;
|
border-radius: 7rem;
|
||||||
padding: 0 5.5rem;
|
padding: 0 5.5rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@@ -238,7 +238,7 @@ const handleConfirm = async () => {
|
|||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
font-family: 'satoshiRegular';
|
font-family: 'satoshiRegular';
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 .2rem 8px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.copyright {
|
.copyright {
|
||||||
|
|||||||
@@ -53,7 +53,7 @@ const handleStart = () => {
|
|||||||
font-size: 5.6rem;
|
font-size: 5.6rem;
|
||||||
width: 32.5rem;
|
width: 32.5rem;
|
||||||
height: 8.1rem;
|
height: 8.1rem;
|
||||||
border: 2px solid #fff;
|
border: .2rem solid #fff;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user