From 955bd59d83cc84f75269ad8064d34ee0d8b24ccd Mon Sep 17 00:00:00 2001 From: sinsong Date: Tue, 4 Jul 2023 15:06:55 +0800 Subject: [PATCH] support mobile min-width: 650px; font-size: 12px; --- frontend/src/style/_root.scss | 7 +++++++ frontend/src/style/main.scss | 4 ++++ 2 files changed, 11 insertions(+) diff --git a/frontend/src/style/_root.scss b/frontend/src/style/_root.scss index 293cb52..e07f49f 100644 --- a/frontend/src/style/_root.scss +++ b/frontend/src/style/_root.scss @@ -1,5 +1,6 @@ :root { font-family: Inter, system-ui, Avenir, Helvetica, sans-serif; + font-size: 14px; line-height: 1.5; font-weight: 400; @@ -13,3 +14,9 @@ -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; } + +@media screen and (max-width: 576px) { + :root { + font-size: 12px; + } +} diff --git a/frontend/src/style/main.scss b/frontend/src/style/main.scss index 90a8a43..5100f37 100644 --- a/frontend/src/style/main.scss +++ b/frontend/src/style/main.scss @@ -9,6 +9,10 @@ padding: 0; } +body { + min-width: 650px; +} + a { text-decoration: none; &:hover {