From 28bfee0651f4609d5b2982a7828fb892c9f13264 Mon Sep 17 00:00:00 2001
From: Eltrac Koalar <hi@guhub.cn>
Date: Sat, 29 Feb 2020 11:32:34 +0800
Subject: =?UTF-8?q?=F0=9F=93=90=20Perf:=20=E4=BC=98=E5=8C=96=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E5=A4=A7=E5=B0=8F=20&&=20=E4=BC=98=E5=8C=96=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F=E5=9B=BE=E6=A0=87=E6=8C=89=E9=92=AE=E7=9A=84?=
 =?UTF-8?q?=E5=AD=97=E4=BD=93=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/main/component.css | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

(limited to 'assets/css/main/component.css')

diff --git a/assets/css/main/component.css b/assets/css/main/component.css
index 1dd5107..64073e8 100644
--- a/assets/css/main/component.css
+++ b/assets/css/main/component.css
@@ -141,24 +141,29 @@ button {
 /* Bubble */
 .bubble {
     position: relative;
-    background: var(--theme-color);
+    background: #f1f1f1;
 	border-radius: 2px;
 	padding: 0;
-	color: white;
+	color: #000;
 	display: inline-block;
 	min-width: 180px;
 	transition: all 0.3s;
 }
-.bubble:before{
-    position: absolute;
-    content: "";
-    width: 0;
-    height: 0;
-    right: 100%;
-    top: 8px;
-    border-top: 8px solid transparent;
-    border-right: 16px solid var(--theme-color);
-    border-bottom: 8px solid transparent;
+.bubble::before{
+    content: '';
+	position: absolute;
+	right: 100%;
+	top: 18px;
+	width: 0;
+	height: 0;
+	border-radius: 2px;
+	border-width: 9px;
+	border-style: solid;
+	border-color: transparent;
+	margin-bottom: -14px;
+	border-right-width: 18px;
+	border-right-color: currentColor;
+	color: #f1f1f1;
 }
 .bubble:hover {
 	transform: translateY(-6px);
-- 
cgit v1.2.3