Skip to content

J
joshine
Commit 49d8a319 by 王东红
Options

登录页面优化

parent 0984c3fd
Showing with 44 additions and 18 deletions
app/design/frontend/Joshine/breeze/Magento_Customer/templates/form/login.phtml
...@@ -9,24 +9,54 @@ ...@@ -9,24 +9,54 @@
/** @var \Magento\Customer\Block\Form\Login $block */ /** @var \Magento\Customer\Block\Form\Login $block */
?> ?>
<style type="text/css"> <style type="text/css">
.page-main>.columns{
width: 50%;
margin: 0 auto;
}
@media(min-width: 768px){ @media(min-width: 768px){
.page-main>.columns{
width: 50%;
margin: 0 auto;
}
.login-container{ .login-container{
flex-direction: column; flex-direction: column;
} }
.page-title-wrapper h1 span{
font-size: 60px;
color: #222222;
font-weight: 400;
text-transform: capitalize;
letter-spacing: -1.5px;
margin-bottom: 20px;
line-height: 1;
}
.login-container .block.block-customer-login .actions-toolbar .secondary a.action.remind{
font-size: 14px;
font-family: Outfit-Regular;
color: #000000;
margin-left: 20px;
}
} }
.page-title-wrapper h1 span{ @media(max-width: 767.98px){
font-size: 60px; .page-title-wrapper h1{
color: #222222; text-align: center;
font-weight: 400; margin-top: 140px;
text-transform: capitalize; }
letter-spacing: -1.5px; .page-main>.columns{
margin-bottom: 20px; margin-top: 40px;
line-height: 1; }
.page-title-wrapper h1 span{
font-size: 36px;
color: #222222;
font-weight: 400;
text-transform: capitalize;
letter-spacing: -1.5px;
line-height: 1;
}
.login-container .block.block-customer-login .actions-toolbar .secondary a.action.remind{
font-size: 14px;
font-family: Outfit-Regular;
color: #000000;
}
} }
.login-container{ .login-container{
padding: 1rem 3rem; padding: 1rem 3rem;
} }
...@@ -36,12 +66,7 @@ ...@@ -36,12 +66,7 @@
text-transform: none; text-transform: none;
font-size: 16px; font-size: 16px;
} }
.login-container .block.block-customer-login .actions-toolbar .secondary a.action.remind{
font-size: 14px;
font-family: Outfit-Regular;
color: #000000;
margin-left: 20px;
}
.abs-login-block-title, .amazon-validate-container .block .block-title, .login-container .block .block-title{ .abs-login-block-title, .amazon-validate-container .block .block-title, .login-container .block .block-title{
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
margin-bottom: 15px; margin-bottom: 15px;
...@@ -94,6 +119,7 @@ ...@@ -94,6 +119,7 @@
font-size: 14px; font-size: 14px;
font-family: Outfit-Regular; font-family: Outfit-Regular;
} }
</style> </style>
<div class="block block-customer-login"> <div class="block block-customer-login">
<div class="block-title"> <div class="block-title">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment