From a07a57ec922249d3a22da56fbcb30d83eadef728 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Thu, 4 Jul 2024 02:21:22 +0800
Subject: [PATCH] feat(ui): make `info-prompt` icon looks like the letter "i"
 (#1835)

---
 _sass/addon/commons.scss | 4 ++--
 _sass/addon/module.scss  | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index e6cf7c2..4087d24 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -107,8 +107,8 @@ blockquote {
     }
   }
 
-  @include prompt('tip', '\f0eb', 'regular');
-  @include prompt('info', '\f06a');
+  @include prompt('tip', '\f0eb', $fa-style: 'regular');
+  @include prompt('info', '\f06a', $rotate: 180);
   @include prompt('warning', '\f06a');
   @include prompt('danger', '\f071');
 }
diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
index edc5f3e..9e85adc 100644
--- a/_sass/addon/module.scss
+++ b/_sass/addon/module.scss
@@ -187,7 +187,7 @@
   transform: translateX(-50%);
 }
 
-@mixin prompt($type, $fa-content, $fa-style: 'solid') {
+@mixin prompt($type, $fa-content, $fa-style: 'solid', $rotate: 0) {
   &.prompt-#{$type} {
     background-color: var(--prompt-#{$type}-bg);
 
@@ -195,6 +195,10 @@
       content: $fa-content;
       color: var(--prompt-#{$type}-icon-color);
       font: var(--fa-font-#{$fa-style});
+
+      @if $rotate != 0 {
+        transform: rotate(#{$rotate}deg);
+      }
     }
   }
 }