From a547b3c8dc48791c4f767da0314d907eba543cc1 Mon Sep 17 00:00:00 2001 From: Larvan2 <78135608+Larvan2@users.noreply.github.com> Date: Thu, 1 Jan 2026 15:52:18 +0800 Subject: chore: adjust style --- src/components/ContentHeader.module.scss | 21 ++++++++++++++++++--- 1 file changed, 18 insertions(+), 3 deletions(-) (limited to 'src/components/ContentHeader.module.scss') diff --git a/src/components/ContentHeader.module.scss b/src/components/ContentHeader.module.scss index 3af15c6..b71b37e 100644 --- a/src/components/ContentHeader.module.scss +++ b/src/components/ContentHeader.module.scss @@ -1,17 +1,32 @@ @import '~/styles/utils/custom-media'; .root { - height: 76px; + height: 60px; display: flex; align-items: center; + padding: 0 15px; + + @media (max-width: 768px) { + min-height: 48px; + height: auto; + padding: 5px 10px; + flex-wrap: wrap; + } + + @media (--breakpoint-not-small) { + padding: 0 40px; + } } .h1 { white-space: nowrap; - padding: 0 15px; font-size: 1.7em; + + @media (max-width: 768px) { + font-size: 1.4em; + } + @media (--breakpoint-not-small) { - padding: 0 40px; font-size: 2em; } text-align: left; -- cgit v1.3.1