demo, v-1.0.2

GentleCold · May 6, 2022 · d951bb3 · d951bb3
1 parent 44667c5
commit d951bb3
Show file tree

Hide file tree

Showing 6 changed files with 132 additions and 102 deletions.
diff --git a/resources/css/index.css b/resources/css/index.css
@@ -6,7 +6,7 @@
     -webkit-user-drag: none;
     -webkit-user-select: none;
     overflow: hidden;
-    transition: transform 0.2s;
+    transition: transform 0.5s, color 0.2s, height 0.2s;
 }
 
 @font-face {
@@ -40,9 +40,10 @@ body {
 
 #close {
     position: absolute;
-    right: 10px;
-    top: 30px;
+    right: 5px;
+    top: 25px;
     cursor: pointer;
+    padding: 5px;
 }
 
 #title {
@@ -51,26 +52,6 @@ body {
     left: 10px;
 }
 
-.circle {
-    border-radius: 50%;
-    background-color: rgba(187, 54, 13, 0.8);
-    box-shadow: 0 0 5px 1px rgba(104, 68, 13, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 30px;
-    height: 30px;
-    position: absolute;
-    bottom: 75px;
-    z-index: 1;
-    right: 10px;
-    cursor: pointer;
-}
-
-#star {
-    transform: scale(0.7, 0.7);
-}
-
 #board {
     position: absolute;
     width: 100%;
@@ -116,35 +97,41 @@ input {
 }
 
 .icon {
-    position: absolute;
-    left: 10px;
     color: #A49C90;
+    cursor: pointer;
+    padding: 5px;
 }
 
 #edit {
-    cursor: pointer;
+    position: absolute;
+    left: 5px;
+}
+
+#mark {
+    position: absolute;
+    right: 5px;
 }
 
 #trash {
-    color: #A49C90;
-    cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 5px;
 }
 
 #check {
-    color: #A49C90;
-    cursor: pointer;
     position: absolute;
-    right: 10px;
+    right: 5px;
     display: none;
 }
 
 #look1 {
+    position: absolute;
+    left: 5px;
     cursor: pointer;
 }
 
 #look2 {
+    position: absolute;
+    left: 5px;
     cursor: pointer;
     display: none;
 }

diff --git a/resources/favicon.ico b/resources/favicon.ico
diff --git a/resources/icons/install.ico b/resources/icons/install.ico
diff --git a/resources/icons/uninstall.ico b/resources/icons/uninstall.ico
diff --git a/resources/index.html b/resources/index.html
@@ -4,28 +4,29 @@
     <meta charset="UTF-8">
     <title>Word Reminder</title>
     <link rel="stylesheet" href="css/index.css">
-    <link rel="stylesheet" href="css/fontawesome/css/all.css">
+    <link rel="stylesheet" href="css/fontawesome/css/all.min.css">
 </head>
 <body>
 <div id="titleBar"><i class="fas fa-ellipsis-h" id="more"></i></div>
 <i class="fas fa-times" id="close"></i>
 <div id="title"></div>
-<div class="circle" id="mark"><i class="fas fa-bookmark" id="star"></i></div>
+
 <div id="board">
     <div class="block1" id="word">
         <i class="fas fa-edit icon" id="edit"></i>
+        <i class="fas fa-bookmark icon" id="mark"></i>
         <div class="text" id="text1"></div>
         <label for="input1"></label>
         <input id="input1" maxlength="45">
     </div>
     <div class="block2" id="translation">
-        <i class="fas fa-trash-alt" id="trash"></i>
+        <i class="fas fa-trash-alt icon" id="trash"></i>
         <i class="fas fa-eye-slash icon" id="look1"></i>
         <i class="fas fa-eye icon" id="look2"></i>
+        <i class="fas fa-check icon" id="check"></i>
         <div class="text" id="text2"></div>
         <label for="input2"></label>
         <input id="input2" maxlength="20">
-        <i class="fas fa-check" id="check"></i>
     </div>
 </div>
 <div id="setting"></div>