1
1
mirror of https://github.com/go-gitea/gitea synced 2025-07-22 18:28:37 +00:00

Reduce margins on user settings page, introduce flex-container (#26046)

Same as https://github.com/go-gitea/gitea/pull/26026 but for the user
settings page. It introduces a new `flex-container` class and shares it
across both pages.

Before and After:
<img width="1264" alt="Screenshot 2023-07-21 at 19 35 57"
src="https://github.com/go-gitea/gitea/assets/115237/1358dab4-55c0-40ce-a4d5-673099304f3d">
<img width="1269" alt="Screenshot 2023-07-21 at 19 35 42"
src="https://github.com/go-gitea/gitea/assets/115237/34812f6d-dc65-4009-b977-90e03efdc6d1">
This commit is contained in:
silverwind
2023-07-31 09:16:03 +02:00
committed by GitHub
parent 1e76a824bc
commit 7e160f8824
7 changed files with 30 additions and 29 deletions

View File

@@ -1,8 +1,8 @@
{{template "base/head" .ctxData}}
<div role="main" aria-label="{{.ctxData.Title}}" class="page-content {{.pageClass}}">
<div class="ui container stackable grid">
<div class="ui container flex-container">
{{template "user/settings/navbar" .ctxData}}
<div class="twelve wide column">
<div class="flex-container-main">
{{template "base/alert" .ctxData}}
{{/* block: user-setting-content */}}

View File

@@ -1,4 +1,4 @@
<div class="four wide column">
<div class="flex-container-nav">
<div class="ui fluid vertical menu">
<div class="header item">{{.locale.Tr "settings"}}</div>
<a class="{{if .PageIsSettingsProfile}}active {{end}}item" href="{{AppSubUrl}}/user/settings">