gitea/web_src/css/modules/container.css

/* based on Fomantic UI container module, with just the parts extracted that we use. If you find any
   unused rules here after refactoring, please remove them. */

.ui.container {
  width: 1280px;
  max-width: calc(100% - calc(2 * var(--page-margin-x)));
  margin-left: auto;
  margin-right: auto;
}

.ui.fluid.container {
  width: 100%;
}

.ui[class*="center aligned"].container {
  text-align: center;
}
Remove fomantic container module (#30036) Small CSS module. There was a ordering conflict between `.ui.menu` and `.ui.container` which I've solved by adding the `.ui.menu` rule into base. --------- Co-authored-by: Giteabot <teabot@gitea.io> 2024-03-24 14:04:18 +00:00			`/* based on Fomantic UI container module, with just the parts extracted that we use. If you find any`
			`unused rules here after refactoring, please remove them. */`

			`.ui.container {`
			`width: 1280px;`
Various improvements for long file and commit names (#30374) Fixes: https://github.com/go-gitea/gitea/issues/29438 This contains numerous enhancements for how large commit messages and large filenames render. Another notable change is that the file path is no longer cut off by backend at 30 chars, but rendered in full with wrapping. <img width="1329" alt="Screenshot 2024-04-09 at 21 53 57" src="https://github.com/go-gitea/gitea/assets/115237/5ccbb3d6-643a-4f60-ba79-3572b36d5182"> <hr> <img width="711" alt="Screenshot 2024-04-09 at 21 44 24" src="https://github.com/go-gitea/gitea/assets/115237/6ffe8fbb-407c-4aa7-b591-3d80daea7d57"> <hr> <img width="439" alt="Screenshot 2024-04-09 at 21 19 03" src="https://github.com/go-gitea/gitea/assets/115237/1ec7f6e9-2fd8-4841-87eb-6ca02ab9cd61"> <hr> <img width="444" alt="Screenshot 2024-04-09 at 21 18 52" src="https://github.com/go-gitea/gitea/assets/115237/70931b9e-5841-477e-b3bc-98f8d2662964"> --------- Co-authored-by: Giteabot <teabot@gitea.io> 2024-04-10 06:13:22 +00:00			`max-width: calc(100% - calc(2 * var(--page-margin-x)));`
Remove fomantic container module (#30036) Small CSS module. There was a ordering conflict between `.ui.menu` and `.ui.container` which I've solved by adding the `.ui.menu` rule into base. --------- Co-authored-by: Giteabot <teabot@gitea.io> 2024-03-24 14:04:18 +00:00			`margin-left: auto;`
			`margin-right: auto;`
			`}`

Fix some UI problems (dropdown/container) (#30849) (#30871) Backport #30849 by wxiaoguang Follow #30345 Follow #30547 Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> 2024-05-06 07:45:04 +00:00			`.ui.fluid.container {`
			`width: 100%;`
			`}`

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