refactor: styling

content/index.md

@@ -24,4 +24,4 @@
 
 ### 链接
 
-文本里面可以有:md-link[./stuff.md]的啦
+文本里面可以有:md-link[./stuff.md#啊什么]的啦

content/stuff.md

@@ -1,3 +1,7 @@
 ### 啊什么
 
 12345
+
+### 另一坨内容
+
+54321

src/components/dice.tsx

@@ -192,8 +192,8 @@ customElement("md-dice", { key: "" }, (props, { element }) => {
   const displayText = () => (isRolled() ? `${result()}` : formula);
 
   return (
-    <span class="inline-flex items-center gap-1">
+    <span class="inline-flex items-center px-1">
-      <a
+      <span
         onClick={(e) => {
           e.preventDefault();
           handleRoll();
@@ -202,18 +202,14 @@ customElement("md-dice", { key: "" }, (props, { element }) => {
         title={rollDetail() || "掷骰子"}
       >
         🎲
-      </a>
+      </span>
-      <span
+      <a
         onClick={handleTextClick}
-        class={
+        class="cursor-pointer text-gray-700 hover:text-gray-900"
-          isRolled()
-            ? "cursor-pointer text-gray-700 hover:text-gray-900"
-            : "text-gray-600"
-        }
         title={isRolled() ? "点击重置为公式" : formula}
       >
         {displayText()}
-      </span>
+      </a>
     </span>
   );
 });

src/components/md-link.tsx

@@ -92,7 +92,7 @@ customElement("md-link", {}, (props, { element }) => {
       }}
       class="text-blue-600 hover:text-blue-800 hover:underline"
     >
-      {rawLinkSrc}
+      {section || rawLinkSrc}
     </a>
   );
 });