From c22ebe72c2cb0ee5b33316131bf431493820cfd2 Mon Sep 17 00:00:00 2001
From: inkss <me@szyink.com>
Date: Mon, 8 Apr 2024 02:38:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E8=B0=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/artalk/src/plugins/editor/emoticons.scss |  6 +++---
 ui/artalk/src/style/_color.scss             |  2 ++
 ui/artalk/src/style/comment.scss            |  2 +-
 ui/artalk/src/style/main.scss               | 23 +++++++++------------
 4 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/ui/artalk/src/plugins/editor/emoticons.scss b/ui/artalk/src/plugins/editor/emoticons.scss
index 06d8c3cb2..1a97e469c 100644
--- a/ui/artalk/src/plugins/editor/emoticons.scss
+++ b/ui/artalk/src/plugins/editor/emoticons.scss
@@ -1,5 +1,5 @@
 .atk-editor-plug-emoticons {
-  height: 232px;
+  height: 230px;
   width: 100%;
   position: absolute;
   max-width: 468px;
@@ -29,8 +29,8 @@
       padding: 5px 10px;
 
       &[data-type="image"] > .atk-item {
-        height: 63px;
-        width: 63px;
+        height: 59px;
+        width: 59px;
       }
 
       & > .atk-item {
diff --git a/ui/artalk/src/style/_color.scss b/ui/artalk/src/style/_color.scss
index 9e3e2704a..fbeaf70e2 100644
--- a/ui/artalk/src/style/_color.scss
+++ b/ui/artalk/src/style/_color.scss
@@ -18,6 +18,7 @@
   --at-color-green: #4caf50;
   --at-color-gradient: linear-gradient(180deg, transparent, rgba(255, 255, 255));
   --at-color-owo: rgba(255, 255, 255, 0.5);
+  --color-img-error: #f5f5f5;
 
   &.atk-dark-mode {
     --at-color-font: rgba(238, 238, 238, 0.9);
@@ -39,5 +40,6 @@
     --at-color-green: #4caf50;
     --at-color-gradient: linear-gradient(180deg, transparent, rgba(30, 34, 36, 1));
     --at-color-owo: rgba(74, 74, 74, 0.5);
+    --color-img-error: #0a0a0a;
   }
 }
diff --git a/ui/artalk/src/style/comment.scss b/ui/artalk/src/style/comment.scss
index 7918cdfc6..36ccafe89 100644
--- a/ui/artalk/src/style/comment.scss
+++ b/ui/artalk/src/style/comment.scss
@@ -56,7 +56,7 @@
 
       &:hover {
         transform: scale(1.2);
-        border-radius: 4px;
+        border-radius: 4px !important;
       }
     }
   }
diff --git a/ui/artalk/src/style/main.scss b/ui/artalk/src/style/main.scss
index 99fb3cbbd..32ddf4c21 100644
--- a/ui/artalk/src/style/main.scss
+++ b/ui/artalk/src/style/main.scss
@@ -620,8 +620,8 @@ img[atk-emoticon] {
   transform: scale(1);
   opacity: unset !important;
   filter: unset !important;
-  min-height: 200px;
-  min-width: 200px;
+  min-height: 150px;
+  min-width: 150px;
   color: transparent;
   border-radius: 6px;
 
@@ -633,7 +633,7 @@ img[atk-emoticon] {
     width: 100%;
     height: 100%;
     background: #f5f5f5 url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyBjbGFzcz0iaWNvbiIgd2lkdGg9IjIwMHB4IiBoZWlnaHQ9IjIwMC4wMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2RjZGVlMCIgZD0iTTE5Ny4zMzMzMzMgMjgxLjY1MzMzM2E0OC40OCA0OC40OCAwIDEgMCA0OC40OCA0OC40OEE0OC40OCA0OC40OCAwIDAgMCAxOTcuMzMzMzMzIDI4MS42NTMzMzN6IiAgLz48cGF0aCBmaWxsPSIjZGNkZWUwIiBkPSJNOTcwLjY2NjY2NyAxNzAuNjY2NjY3SDUxOC42MTMzMzNhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAtNC41ODY2NjYgMi42NjY2NjZsLTY0IDExMS42OGE1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMCAwIDUuMzMzMzM0bDUzLjgxMzMzMyA5Ny40NGE1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMSAwIDUuNjUzMzMzTDQwOC4yNjY2NjcgNTMwLjU2YTEuMDY2NjY3IDEuMDY2NjY3IDAgMCAxLTEuOTczMzM0LTAuNzQ2NjY3TDQyNi42NjY2NjcgMzg5LjMzMzMzM2E0LjkwNjY2NyA0LjkwNjY2NyAwIDAgMC0wLjQyNjY2Ny0yLjg4bC00My4yLTk3LjM4NjY2NmE1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMSAwLTMuOTQ2NjY3TDQyMS4zMzMzMzMgMTc3LjgxMzMzM2E1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMC00LjkwNjY2Ni03LjE0NjY2Nkg0Mi42NjY2NjdhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAtNS4zMzMzMzQgNS4zMzMzMzN2NjcyYTUuMzMzMzMzIDUuMzMzMzMzIDAgMCAwIDUuMzMzMzM0IDUuMzMzMzMzaDkyOGE1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMCA1LjMzMzMzMy01LjMzMzMzM1YxNzZhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAtNS4zMzMzMzMtNS4zMzMzMzN6IG0tNjkuMzMzMzM0IDQ1Ni4wNTMzMzNhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDEtOS4yOCAzLjQ2NjY2N2wtMjE1LjQxMzMzMy0yNDQuMzJhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAtOCAwbC0yOTEuODQgMzMxLjA5MzMzM2E1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMS03LjQ2NjY2NyAwLjQ4bC0xNjcuNzMzMzMzLTE0Mi45MzMzMzNhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAtNi44OCAwbC03My45NzMzMzMgNjMuMDRhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDEtOC43NDY2NjctNC4wNTMzMzRWMjUwLjY2NjY2N2E1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMSA1LjMzMzMzMy01LjMzMzMzNGgyMDcuNTJsLTEzLjQ5MzMzMyA1MC43NzMzMzRhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAgMC43NDY2NjcgNC4zNzMzMzNsNzAuNzczMzMzIDEwMi45MzMzMzNhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDEgMC45NiAzLjQxMzMzNGwtMTQuMjQgMTk1LjA5MzMzM2ExLjEyIDEuMTIgMCAwIDAgMS45MiAwLjhsMTgwLjE2LTIwMC44NTMzMzNhNS4zMzMzMzMgNS4zMzMzMzMgMCAwIDAgMS4xMi01LjMzMzMzNGwtMzItMTAxLjA2NjY2NmE1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMSAwLjY0LTQuNTg2NjY3bDMxLjItNDUuNTQ2NjY3SDg5NmE1LjMzMzMzMyA1LjMzMzMzMyAwIDAgMSA1LjMzMzMzMyA1LjMzMzMzNHoiICAvPjwvc3ZnPg==") no-repeat center / 80% 80%;
-    background-color: var(--at-color-bg);
+    background-color: var(--color-img-error);
   }
 
   &[alt='']:after {
@@ -650,7 +650,7 @@ img[atk-emoticon] {
     left: 0;
     bottom: 0;
     width: 100%;
-    line-height: 1rem;
+    line-height: 2;
     background-color: rgba(0, 0, 0, .5);
     color: white;
     font-size: 0.6rem;
@@ -662,10 +662,10 @@ img[atk-emoticon] {
   }
 
   &[atk-emoticon] {
-    width: 55px;
-    height: 55px;
-    min-height: 55px;
-    min-width: 55px;
+    width: 59px;
+    height: 59px;
+    min-height: 59px;
+    min-width: 59px;
     margin: 0 2.5px;
 
     &[alt]:after {
@@ -681,13 +681,10 @@ img[atk-emoticon] {
 .artalk .atk-avatar img.error {
   min-width: 48px;
   min-height: 48px;
-
-  &:before {
-    border-radius: unset;
-  }
+  border-radius: 50%;
 }
 
 .atk-comment-children .atk-avatar img.error {
   min-width: 36px;
   min-height: 36px;
-}
\ No newline at end of file
+}