apply debug changes

components/panel/dialog/password/Change.vue

@@ -13,10 +13,10 @@
                 </li>
             </ul>
             <Button v-bind="btns.save.props" :loading="loading" @click="save()" />
-            <div>
+            <!-- <div>
                 <p>{{ $t("forgetPassword") }}</p>
                 <Button v-bind="btns.recovery.props" @click="recovery()" />
-            </div>
+            </div> -->
         </div>
     </dialog>
 </template>
@@ -77,7 +77,7 @@ watch(computed(() => form), (value, old) => {
     @apply w-full lg:w-[61.6rem] lg:h-[36.9rem] bg-white rounded-t-2xl lg:rounded-2xl flex p-6 lg:p-4 lg:pl-6 relative;
 
     &::after {
-        @apply content-['_'] absolute inset-x-0 bottom-28 h-3 shadow-[0px_-2px_5px_#0000000a] lg:shadow-none;
+        @apply content-['_'] absolute inset-x-0 bottom-16 h-3 shadow-[0px_-2px_5px_#0000000a] lg:shadow-none;
     }
 
     &>img {
@@ -98,10 +98,10 @@ watch(computed(() => form), (value, old) => {
         }
 
         &>button:nth-of-type(1) {
-            @apply self-end -mt-2 -ml-2;
+            @apply self-end -ml-5 -mt-5 lg:-mt-2 lg:-ml-2;;
 
             .p-button-icon {
-                @apply text-sm text-[#333333];
+                @apply text-xl text-[#333333];
                 @apply lg:text-[2em] lg:text-[#b2b2b29b];
             }
         }