(answer) 01/06: fix: optimization hr's style

[shuai]

This is an automated email from the ASF dual-hosted git repository.

shuai pushed a commit to branch test
in repository https://gitbox.apache.org/repos/asf/answer.git

commit 736d07a30b2ffa83f2aac4c41ea6b6046030e6f0
Author: shuai <lishuail...@sifou.com>
AuthorDate: Fri May 30 10:57:15 2025 +0800

    fix: optimization hr's style
---
 ui/src/index.scss | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/ui/src/index.scss b/ui/src/index.scss
index 97aa7b1f..b299a993 100644
--- a/ui/src/index.scss
+++ b/ui/src/index.scss
@@ -208,6 +208,39 @@ img[src=''] {
 
 .fmt {
   width: 100%;
+  hr {
+    height: 1.5rem;
+    border: none;
+    position: relative;
+    overflow: visible;
+    text-align: center;
+    opacity: 1;
+    flex: none;
+    &::before {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(calc(-50% - 16px), -50%);
+      width: 3px;
+      height: 3px;
+      background-color: var(--bs-border-color);
+      border-radius: 50%;
+    }
+
+    &::after {
+      content: '';
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      width: 3px;
+      height: 3px;
+      background-color: var(--bs-border-color);
+      border-radius: 50%;
+      box-shadow: 16px 0 0 var(--bs-border-color);
+    }
+  }
   h1 {
     @extend .fs-3;
     margin-top: 2rem;