feat: 适配小屏自适应

2021-07-15 21:08:33 +08:00
parent ad881bde93
commit 6f959b1d30
8 changed files with 163 additions and 18 deletions
--- a/pages/articles/article.css
+++ b/pages/articles/article.css
--- a/pages/articles/article.module.css
+++ b/pages/articles/article.module.css
@@ -1,7 +1,7 @@
 .articleDetail {
 }
 .article {
-  @apply bg-gray-50 m-2 overflow-hidden rounded-xl my-6;
+  @apply bg-gray-50 md:mx-2 overflow-hidden rounded-xl my-6;

  :global(.dark) & {
    @apply bg-gray-800;
@@ -9,7 +9,7 @@
  & > header {
    @apply my-8 mx-4;
    h1 {
-      @apply text-4xl font-medium mb-4;
+      @apply text-2xl md:text-4xl font-medium mb-4;

      :global(.dark) & {
        @apply text-gray-200;