From 54bd2205203c26fb55eacc3a987c5dff7f96aa61 Mon Sep 17 00:00:00 2001
From: Kerwin Bryant <kerwin612@qq.com>
Date: Tue, 31 Dec 2024 12:49:26 +0800
Subject: [PATCH] Optimize the installation page (#32994)
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
---
options/locale/locale_en-US.ini | 1 +
templates/post-install.tmpl | 25 ++++++-------------------
2 files changed, 7 insertions(+), 19 deletions(-)
diff --git a/options/locale/locale_en-US.ini b/options/locale/locale_en-US.ini
index ef66e9ce45e..4050ed1a15d 100644
--- a/options/locale/locale_en-US.ini
+++ b/options/locale/locale_en-US.ini
@@ -244,6 +244,7 @@ license_desc = Go get <a target="_blank" rel="noopener noreferrer" href="%[1]s">
[install]
install = Installation
+installing_desc = Installing now, please wait...
title = Initial Configuration
docker_helper = If you run Gitea inside Docker, please read the <a target="_blank" rel="noopener noreferrer" href="%s">documentation</a> before changing any settings.
require_db_desc = Gitea requires MySQL, PostgreSQL, MSSQL, SQLite3 or TiDB (MySQL protocol).
diff --git a/templates/post-install.tmpl b/templates/post-install.tmpl
index fb234008fb4..fa108272954 100644
--- a/templates/post-install.tmpl
+++ b/templates/post-install.tmpl
@@ -1,23 +1,10 @@
{{template "base/head" .}}
-<div role="main" aria-label="{{.Title}}" class="page-content install post-install">
- <div class="ui container">
- <div class="ui grid">
- <div class="sixteen wide column content">
- <div class="home">
- <div class="ui stackable middle very relaxed page grid">
- <div class="sixteen wide center aligned centered column">
- <div>
- <img src="{{AssetUrlPrefix}}/img/loading.png" alt="{{ctx.Locale.Tr "loading"}}">
- </div>
- </div>
- </div>
- <div class="ui stackable middle very relaxed page grid">
- <div class="sixteen wide center aligned centered column">
- <p><a id="goto-user-login" href="{{AppSubUrl}}/user/login">{{ctx.Locale.Tr "loading"}}</a></p>
- </div>
- </div>
- </div>
- </div>
+<div role="main" aria-label="{{.Title}}" class="page-content install post-install tw-h-full">
+ <div class="home tw-text-center tw-h-full tw-flex tw-flex-col tw-justify-center"><!-- the "home" class makes the links green -->
+ <!-- the "cup" has a handler, so move it a little leftward to make it visually in the center -->
+ <div class="tw-ml-[-30px]"><img width="160" src="{{AssetUrlPrefix}}/img/loading.png" alt="" aria-hidden="true"></div>
+ <div class="tw-my-[2em] tw-text-[18px]">
+ <a id="goto-user-login" href="{{AppSubUrl}}/user/login">{{ctx.Locale.Tr "install.installing_desc"}}</a>
</div>
</div>
</div>