diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2023-06-28 22:57:50 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-06-28 14:57:50 +0000 |
| commit | b6693a2c9a6010463950bbd89a2bfee88bde5e5f (patch) | |
| tree | 28a2eacb115cfefde6a55f72c66d940612137dea /web_src/css | |
| parent | defd8070732c2334d046c6d91e48ceb8a70a0056 (diff) | |
| download | gitea-b6693a2c9a6010463950bbd89a2bfee88bde5e5f.tar.gz gitea-b6693a2c9a6010463950bbd89a2bfee88bde5e5f.zip | |
Align language menu icon and fit the footer area (#25556)
Close #25551
Diffstat (limited to 'web_src/css')
| -rw-r--r-- | web_src/css/home.css | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/web_src/css/home.css b/web_src/css/home.css index a46c46ffde..55caf4cb27 100644 --- a/web_src/css/home.css +++ b/web_src/css/home.css @@ -45,18 +45,26 @@ .page-footer { display: flex; + justify-content: space-between; background-color: var(--color-footer); border-top: 1px solid var(--color-secondary); - line-height: 39px; - padding: 0 20px; + padding: 8px 20px; } .page-footer .left-links { - flex: 1; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 0.25em; } .page-footer .right-links { min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */ + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; } .page-footer .right-links > a { @@ -74,7 +82,7 @@ @media (max-width: 880px) { .page-footer { - display: block; - text-align: center; + flex-direction: column; + gap: 0.5em; } } |