fix

CrazyBoyM · Feb 17, 2022 · 238fa10 · 238fa10 · vercel · Feb 17, 2022
1 parent 71de58b
commit 238fa10
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/src/component/AppList/index/index.css b/src/component/AppList/index/index.css
@@ -17,7 +17,7 @@
   width: fit-content;
   height: 63px;
   background-color: var(--AppList-background);
-  backdrop-filter: blur(3.6px);
+  backdrop-filter: blur(9px);
   border-radius: 19.6px;
   transition: all 0.1s ease-in-out;
 }
@@ -35,7 +35,7 @@
   width: 39px;
   height: fit-content;
   background-color: var(--AppList-background);
-  backdrop-filter: blur(3.6px);
+  backdrop-filter: blur(9px);
   border-radius: 19.6px;
 }
 
@@ -51,8 +51,9 @@
   padding: 6.9px;
   width: 30px;
   height: 30px;
-  background: rgb(228, 226, 226, .6);
+  background: rgb(228, 226, 236, .6);
   border-radius: 50%;
+  backdrop-filter: blur(6px);
 }
 .AppList-bottom > .AppList-app:hover {
   margin: 13px 12px;

diff --git a/src/component/TodoList/LongTimeTodo.tsx b/src/component/TodoList/LongTimeTodo.tsx
@@ -111,7 +111,7 @@ const TodoHeader: React.FC<TodoHeaderProps> = (props) => {
 
   return (
     <section className="todo-header">
-      <span className="todo-header-title">长期计划</span>
+      <span className="todo-header-title">Long-term</span>
       <section className="todo-header-btns">
         <section
           className={resolveClasses(

diff --git a/src/component/TodoList/ShortTimeTodo.tsx b/src/component/TodoList/ShortTimeTodo.tsx
@@ -107,7 +107,7 @@ const TodoHeader: React.FC<TodoHeaderProps> = (props) => {
 
   return (
     <section className="todo-header">
-      <span className="todo-header-title">最近待办</span>
+      <span className="todo-header-title">Recent</span>
       <section className="todo-header-btns">
         <section
           className={resolveClasses(

diff --git a/src/component/TodoList/index.css b/src/component/TodoList/index.css
@@ -27,9 +27,11 @@
 }
 
 .todo-header-title {
+  color: #eee;
   padding: 23px;
   font-size: 26px;
-  letter-spacing: 3px;
+  font-style: italic;
+  letter-spacing: 1.3px;
 }
 
 .todo-header-btns {
@@ -108,12 +110,12 @@
   display: flex;
   align-items: center;
   transform-origin: left center;
-  /* font-weight: 400; */
 }
 
 .DoneContent-item-title {
   display: flex;
   align-items: center;
+  text-decoration: line-through;
 }
 
 .TodoContent-item-btns,

diff --git a/src/styles/var.css b/src/styles/var.css
@@ -5,7 +5,7 @@ body {
   --Modal-background: rgba(0, 0, 0, 0.6);
   --Window-background: rgba(255, 255, 255, 1);
   --WindowHeader-background: rgba(255, 255, 255, 0.9);
-  --AppList-background: rgba(255, 255, 255, 0.36);
+  --AppList-background: rgba(255, 255, 255, 0.26);
   --TodoList-background: hsla(0, 0%, 0%, 0.438);
   --SearchSuggestion-background: rgba(0, 0, 0, 0.3);
   --highlight-text: #fff;