忘记密码功能优化

app/design/frontend/Joshine/breeze/Magento_Customer/templates/form/forgotpassword.phtml

+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ *
+ * @var $block \Magento\Customer\Block\Account\Forgotpassword
+ */
+
+// phpcs:disable Generic.Files.LineLength.TooLong
+
+/** @var \Magento\Customer\Block\Account\Forgotpassword $block */
+?>
+<style type="text/css">
+
+    @media(min-width: 768px){
+        .page-main>.columns{
+            width: 50%;
+            margin: 0 auto;
+            font-family: Outfit-Regular;
+        }
+        .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;
+        }
+        .form.password.forget{
+            max-width: none;
+        }
+    }
+    @media(max-width: 767.98px){
+        .page-title-wrapper h1{
+            text-align: center;
+            margin-top: 140px;
+        }
+        .page-main>.columns{
+            margin-top: 40px;
+            font-family: Outfit-Regular;
+        }
+        .page-title-wrapper h1 span{
+            font-size: 36px;
+            color: #222222;
+            font-weight: 400;
+            text-transform: capitalize;
+            letter-spacing: -1.5px;
+            line-height: 1;
+        }
+    }
+    .fieldset > .field.note{
+        font-size: 14px;
+        color: #666;
+    }
+    label{
+        font-size: 13px;
+        padding: 0;
+        text-align: left;
+    }
+    input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
+        border: 1px solid #e1e1e1;
+        height: 50px;
+        padding: 5px;
+        border-radius: 3px;
+        box-shadow: none;
+    }
+    button.action.captcha-reload{
+        background: none;
+    }
+    .action.primary{
+        vertical-align: middle;
+        -webkit-transform: perspective(1px) translateZ(0);
+        transform: perspective(1px) translateZ(0);
+        box-shadow: 0 0 1px rgb(0 0 0 / 0%);
+        border-radius: 0px;
+        background-color: #222222;
+        box-shadow: none;
+        color: #ffffff;
+        display: inline-block;
+        font-family: 'Outfit', sans-serif;
+        font-weight: normal;
+        padding: 18px 50px;
+        line-height: 1;
+        text-shadow: none;
+        text-transform: capitalize;
+        white-space: nowrap;
+        font-size: 13px;
+        border-radius: 2px;
+        border: 2px solid #222222;
+        background-image: none;
+        text-align: center;
+        border: none;
+        text-transform: uppercase;
+        font-weight: normal !important;
+        transition: all 0.4s ease;
+        -webkit-transition: all 0.4s ease;
+    }
+</style>
+<form class="form password forget"
+      action="<?= $block->escapeUrl($block->getUrl('*/*/forgotpasswordpost')) ?>"
+      method="post"
+      id="form-validate"
+      data-mage-init='{"validation":{}}'>
+    <fieldset class="fieldset" data-hasrequired="<?= $block->escapeHtmlAttr(__('* Required Fields')) ?>">
+        <div class="field note"><?= $block->escapeHtml(__('Please enter your email address below to receive a password reset link.')) ?></div>
+        <div class="field email required">
+            <label for="email_address" class="label"><span><?= $block->escapeHtml(__('Email')) ?></span></label>
+            <div class="control">
+                <input type="email" name="email" alt="email" id="email_address" class="input-text" value="<?= $block->escapeHtmlAttr($block->getEmailValue()) ?>" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}">
+            </div>
+        </div>
+        <?= $block->getChildHtml('form_additional_info') ?>
+    </fieldset>
+    <div class="actions-toolbar">
+        <div class="primary">
+            <button type="submit" class="action submit primary"><span><?= $block->escapeHtml(__('Reset My Password')) ?></span></button>
+        </div>
+        <div class="secondary">
+            <a class="action back" href="<?= $block->escapeUrl($block->getLoginUrl()) ?>"><span><?= $block->escapeHtml(__('Go back')) ?></span></a>
+        </div>
+    </div>
+</form>
+<script type="text/x-magento-init">
+    {
+        "*": {
+            "Magento_Customer/js/block-submit-on-send": {
+                "formId": "form-validate"
+            }
+        }
+    }
+</script>

app/design/frontend/Joshine/breeze/Magento_Customer/templates/form/register.phtml

@@ -53,6 +53,7 @@ $formData = $block->getFormData();
         }
         .page-main>.columns{
             margin-top: 40px;
+            font-family: Outfit-Regular;
         }
         .page-title-wrapper h1 span{
             font-size: 36px;