Fix form width (#33151)

Fix #33150
2025-10-30 06:38:37 -04:00 · 2025-01-08 23:57:18 +08:00
parent 124079871b
commit 9c00e065a1
15 changed files with 1275 additions and 1295 deletions
--- a/templates/org/create.tmpl
+++ b/templates/org/create.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content organization new org">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		{{template "base/alert" .}}
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "new_org"}}
@@ -50,6 +49,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/create.tmpl
+++ b/templates/repo/create.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new-repo">
-	<div class="ui middle very relaxed page one column grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "new_repo"}}
 		</h3>
@@ -220,6 +219,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/codebase.tmpl
+++ b/templates/repo/migrate/codebase.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -111,6 +110,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/codecommit.tmpl
+++ b/templates/repo/migrate/codecommit.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -112,6 +111,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/git.tmpl
+++ b/templates/repo/migrate/git.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -85,6 +84,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/gitbucket.tmpl
+++ b/templates/repo/migrate/gitbucket.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -127,6 +126,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/gitea.tmpl
+++ b/templates/repo/migrate/gitea.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -123,6 +122,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/github.tmpl
+++ b/templates/repo/migrate/github.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -125,6 +124,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/gitlab.tmpl
+++ b/templates/repo/migrate/gitlab.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -122,6 +121,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/gogs.tmpl
+++ b/templates/repo/migrate/gogs.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -125,6 +124,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/migrate/onedev.tmpl
+++ b/templates/repo/migrate/onedev.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new migrate">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "repo.migrate.migrate" .service.Title}}
 			<input id="service_type" type="hidden" name="service" value="{{.service}}">
@@ -112,6 +111,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/repo/pulls/fork.tmpl
+++ b/templates/repo/pulls/fork.tmpl
@@ -1,7 +1,6 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content repository new fork">
-	<div class="ui middle very relaxed page grid">
-		<div class="column">
+	<div class="ui container medium-width">
 		<h3 class="ui top attached header">
 			{{ctx.Locale.Tr "new_fork"}}
 		</h3>
@@ -83,6 +82,5 @@
 			</form>
 		</div>
 	</div>
-	</div>
 </div>
 {{template "base/footer" .}}
--- a/templates/user/auth/signup_openid_connect.tmpl
+++ b/templates/user/auth/signup_openid_connect.tmpl
@@ -1,7 +1,7 @@
 {{template "base/head" .}}
 <div role="main" aria-label="{{.Title}}" class="page-content user signup">
 	{{template "user/auth/signup_openid_navbar" .}}
-	<div class="ui container">
+	<div class="ui container medium-width">
 		{{template "base/alert" .}}
 		<h4 class="ui top attached header">
 			{{ctx.Locale.Tr "auth.openid_connect_title"}}
--- a/web_src/css/form.css
+++ b/web_src/css/form.css
@@ -155,6 +155,7 @@ textarea:focus,
 }

 .ui.form.left-right-form .inline.field > .help {
+  display: block;
  margin-left: calc(250px + 15px);
 }

--- a/web_src/css/modules/container.css
+++ b/web_src/css/modules/container.css
@@ -11,6 +11,9 @@
 .ui.fluid.container {
  width: 100%;
 }
+.ui.container.medium-width {
+  width: 800px;
+}

 .ui[class*="center aligned"].container {
  text-align: center;