forked from forgejo/forgejo
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="1358dab4
-55c0-40ce-a4d5-673099304f3d"> <img width="1269" alt="Screenshot 2023-07-21 at 19 35 42" src="34812f6d
-dc65-4009-b977-90e03efdc6d1">
This commit is contained in:
parent
1e76a824bc
commit
7e160f8824
7 changed files with 30 additions and 29 deletions
23
web_src/css/modules/flexcontainer.css
Normal file
23
web_src/css/modules/flexcontainer.css
Normal 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;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue