Chore: 更新框架到 React Router 7

修复迁移到 Tailwind 4 之后的样式差异修复 404 页面的异常并调整样式优化分页器组件的无障碍化，Span 标签替换成 Button
2026-05-20 16:07:04 +08:00
parent 0a9ae15732
commit 13a09d6995
34 changed files with 2076 additions and 6941 deletions
@@ -0,0 +1,95 @@
+@reference "tailwindcss";
+
+.article {
+  line-height: 1.7;
+
+  > * {
+    margin-bottom: 1rem;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  h2, h3 {
+    font-size: 1.2em;
+  }
+
+  h1 {
+    margin-top: 5rem;
+    font-size: 1.75em;
+    position: relative;
+    margin-bottom: 1em;
+    padding-bottom: .25em;
+    display: inline-block;
+    scroll-margin-top: 7em;
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &::before {
+      content: "";
+      left: 0;
+      bottom: 0;
+      position: absolute;
+
+      width: 1.5em;
+      height: 4px;
+      display: block;
+      border-radius: 4px;
+
+      @apply bg-pink-400;
+    }
+  }
+
+  h2 {
+    margin-top: 2em;
+    scroll-margin-top: 4em;
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  a {
+    @apply text-pink-400;
+  }
+
+  img {
+    border-radius: .75rem;
+  }
+
+  em {
+    font-size: smaller;
+    font-style: normal;
+    padding: .15rem .5rem;
+    border-radius: .75rem;
+  }
+
+  pre {
+    tab-size: 4;
+    padding: 1em;
+    color: #fff;
+    overflow: auto;
+    border-radius: .75rem;
+    background-color: #333;
+  }
+
+  :not(pre) > code {
+    font-size: smaller;
+    padding: .15rem .5rem;
+    border-radius: .75rem;
+    @apply bg-cyan-200;
+  }
+
+  ul {
+    line-height: 2;
+    list-style: disc;
+    margin-left: 1.25rem;
+
+    ::marker {
+      @apply text-pink-400;
+    }
+  }
+}