From 826c66074a04ead3adb35ba186c766b3f4e980e3 Mon Sep 17 00:00:00 2001 From: github-actions Date: Tue, 20 Feb 2024 00:28:25 +0800 Subject: [PATCH] improve mobile experience --- ui/frontend/Header.module.css | 10 ++++++++++ ui/frontend/index.ejs | 1 + ui/frontend/index.module.css | 6 ++++++ 3 files changed, 17 insertions(+) diff --git a/ui/frontend/Header.module.css b/ui/frontend/Header.module.css index 6f2f8d4cf..2aedca6f5 100644 --- a/ui/frontend/Header.module.css +++ b/ui/frontend/Header.module.css @@ -10,3 +10,13 @@ padding: 1.25em 0; justify-content: space-between; } + +@media screen and (max-width: 768px) { + .container { + padding: 1.25em; + display: block; + } + .left { + margin-bottom: 6px; + } +} diff --git a/ui/frontend/index.ejs b/ui/frontend/index.ejs index 07e3a2c88..f688e7122 100644 --- a/ui/frontend/index.ejs +++ b/ui/frontend/index.ejs @@ -2,6 +2,7 @@ + <%= htmlWebpackPlugin.options.title %> diff --git a/ui/frontend/index.module.css b/ui/frontend/index.module.css index f626c4a81..2512510cc 100644 --- a/ui/frontend/index.module.css +++ b/ui/frontend/index.module.css @@ -85,3 +85,9 @@ body { color: #bf1b1b; } } + +@media screen and (max-width: 768px) { + body { + padding: 0; + } +}