[update] tips

update some dom maximum width.

Author: NeserCode

src/components/CheckDays/Rank/index.vue

@@ -105,11 +105,11 @@ export default {
   z-index: 2001;
 }
 .mainContainer {
-  @apply relative py-4 my-2;
+  @apply relative py-4 my-2 max-w-xs;
 }
 
 .card {
-  @apply flex-col px-2;
+  @apply flex-col px-4;
 }
 .time {
   @apply text-xs font-bold opacity-60;

src/components/Leetcode/Controller/index.vue

@@ -94,7 +94,7 @@ export default {
     initLeetcodeAccount: function () {
       this.$public.emit("notice", {
         type: "loading",
-        msg: `🕹 正在尝试登入 Leetcode.cn(zh-CN)`,
+        msg: `🕹 正在尝试登入`,
       });
       this.$leetcode
         .getUserStatus()
@@ -111,7 +111,7 @@ export default {
           if (response.data.data.userStatus.isSignedIn)
             this.$public.emit("notice", {
               type: "success",
-              msg: `已登入 Leetcode.cn(zh-CN)`,
+              msg: `已成功登入`,
             });
           else
             this.$public.emit("notice", {

src/components/Leetcode/List/index.vue

@@ -117,7 +117,7 @@ export default {
     getQuestionContent: _debounce(function (slug) {
       this.$public.emit("notice", {
         type: "loading",
-        msg: "🎈 正在从 Leetcode 获取题目详情...",
+        msg: "🎈 正在获取题目详情...",
       });
       this.$leetcode
         .getCookie("https://leetcode-cn.com/graphql/")
@@ -136,15 +136,15 @@ export default {
           this.$public.emit("leetcode-toggle-list-show", !this.isShowList);
           this.$public.emit("notice", {
             type: "success",
-            msg: `✔ 从 Leetcode 获取题目详情成功 -${this.question.title}`,
+            msg: `获取题目详情 成功 -${this.question.title}`,
           });
         });
       }, 200);
     }, 1000),
     getQuestionPage: _throttle(function (val) {
       if (val <= 0)
         this.$public.emit("notice", {
-          msg: "❌ 从 Leetcode 获取题目失败:页号非法",
+          msg: "获取题目 失败: 页号非法",
           type: "error",
           closefunc: () => {
             this.clickable = true;
@@ -153,7 +153,7 @@ export default {
       else if (val <= this.totalPages && val != null && this.clickable) {
         this.$public.emit("notice", {
           type: "loading",
-          msg: "🎈 正在从 Leetcode 获取题目...",
+          msg: "🎈 正在从获取题目...",
         });
         this.clickable = false;
         this.$leetcode
@@ -168,12 +168,12 @@ export default {
             this.clickable = true;
             this.$public.emit("notice", {
               type: "success",
-              msg: "✔ 从 Leetcode 获取题目成功",
+              msg: "获取题目 成功",
             });
           });
       } else
         this.$public.emit("notice", {
-          msg: "❌ 从 Leetcode 获取题目失败:页号非法",
+          msg: "获取题目 失败: 页号非法",
           type: "error",
           closefunc: () => {
             this.clickable = true;

src/components/Leetcode/index.vue

@@ -32,6 +32,7 @@ export default {
 
 <style scoped lang="postcss">
 .leetcode {
-  @apply w-full h-full;
+  @apply w-full h-full
+  max-w-5xl;
 }
 </style>

src/components/Setting/About/index.vue

@@ -8,14 +8,14 @@
       :opDisabled="isDisabled"
       :opCallbackFn="goForAuthor"
     />
-    <!-- <SettingOption
+    <SettingOption
       opTitle="关于本软件"
       opType="button"
       opTip="前往 GitHub 查看本项目 本项目遵循 GUN3.0 协议"
       opBtnText="前往"
       :opDisabled="isDisabled"
       :opCallbackFn="goForSoftware"
-    /> -->
+    />
   </div>
 </template>
 

src/components/Sign/in/index.vue

@@ -217,7 +217,7 @@ export default {
 
 .iContainer {
   @apply relative flex flex-col justify-center items-center w-1/3 h-full mx-auto pt-16 pb-12
-    mt-32 rounded-2xl shadow overflow-hidden;
+    mt-32 rounded shadow overflow-hidden;
   min-width: 650px;
 }
 
@@ -226,11 +226,11 @@ export default {
 }
 
 .btnContainer {
-  @apply flex w-1/3 justify-between;
+  @apply flex flex-col w-1/3 justify-between;
 }
 
 .signBar {
-  @apply absolute bottom-0 rounded-full inline-block bg-blue-400 w-full h-1.5 transition-all;
+  @apply absolute bottom-0 rounded-b-full inline-block bg-blue-400 w-full h-1.5 transition-all;
 }
 .signBar.loading {
   animation: loading infinite 1.5s ease-in-out;
@@ -250,10 +250,14 @@ button:focus {
   @apply outline-none;
 }
 button:focus::before {
-  content: ">";
+  content: "·";
   @apply inline-block pr-1 font-semibold;
 }
 
+.el-icon-loading {
+  @apply inline;
+}
+
 @media (prefers-color-scheme: dark) {
   .iContainer {
     @apply bg-gray-900;

src/components/Sign/up/index.vue

@@ -268,7 +268,7 @@ export default {
 
 .iContainer {
   @apply relative flex flex-col justify-center items-center w-2/5 h-full mx-auto pt-16 pb-12
-     mt-32 rounded-2xl shadow overflow-hidden;
+     mt-32 rounded shadow overflow-hidden;
   min-width: 650px;
 }
 
@@ -281,11 +281,11 @@ export default {
 }
 
 .btnContainer {
-  @apply flex w-1/3 justify-between;
+  @apply flex flex-col w-1/3 justify-between;
 }
 
 .signBar {
-  @apply absolute bottom-0 rounded-full inline-block bg-blue-400 w-full h-1.5 transition-all;
+  @apply absolute bottom-0 rounded-b-full inline-block bg-blue-400 w-full h-1.5 transition-all;
 }
 .signBar.loading {
   animation: loading infinite 1.5s ease-in-out;
@@ -298,7 +298,7 @@ button:focus {
   @apply outline-none;
 }
 button:focus::before {
-  content: ">";
+  content: "·";
   @apply inline-block pr-1 font-semibold;
 }
 

src/views/Code.vue

@@ -26,7 +26,7 @@ export default {
 
 <style scoped lang="postcss">
 .code {
-  @apply w-full h-auto py-4;
+  @apply inline-flex justify-center w-full h-auto py-4;
 }
 
 @media (prefers-color-scheme: dark) {

src/views/Controller.vue

@@ -49,7 +49,7 @@ export default {
     });
 
     this.$public.on("notice", ({ title, msg, type, time, fn }) => {
-      let duration = 1500,
+      let duration = 3000,
         position = "bottom-right";
 
       this.$notify({
@@ -113,15 +113,15 @@ export default {
           fn: () => {
             this.$public.emit("notice", {
               type: "success",
-              msg: `✔ 键值挂载完毕`,
+              msg: `键值挂载完毕`,
             });
           },
         })
         .catch((err) => {
           this.$public.emit("notice", {
             type: "error",
             time: 5000,
-            msg: `❌ 挂载失败 您将失去大部分可使用的功能 ${err}`,
+            msg: `键值挂载失败 ${err}`,
           });
         });
     },