diff options
| author | silverwind <me@silverwind.io> | 2023-07-31 09:16:03 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-07-31 07:16:03 +0000 |
| commit | 7e160f8824d1b37baaedbc547a59aaf77c503ec5 (patch) | |
| tree | d5982ab4ad0a3f6ebb842bbf0a495bed0ca469a6 /web_src/css/modules | |
| parent | 1e76a824bcd71acd59cdfb2c4547806bc34b3d86 (diff) | |
| download | gitea-7e160f8824d1b37baaedbc547a59aaf77c503ec5.tar.gz gitea-7e160f8824d1b37baaedbc547a59aaf77c503ec5.zip | |
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">
Diffstat (limited to 'web_src/css/modules')
| -rw-r--r-- | web_src/css/modules/flexcontainer.css | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/web_src/css/modules/flexcontainer.css b/web_src/css/modules/flexcontainer.css new file mode 100644 index 0000000000..1721f14b2c --- /dev/null +++ b/web_src/css/modules/flexcontainer.css @@ -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; + } +} |