TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 16:40:24 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

23
web_src/css/modules/flexcontainer.css Normal file
View File

@@ -0,0 +1,23 @@
/* container for full-page content with sidebar on left */
.flex-container {
display: flex !important;
gap: 16px;
}
.flex-container-nav {
width: 240px;
}
.flex-container-main {
flex: 1;
}
@media (max-width: 767.98px) {
.flex-container {
flex-direction: column;
}
.flex-container-nav {
width: auto;
}
}