Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: improve group page grid sizes (#17208)

This commit is contained in:
Kris 2022-06-22 17:14:22 -04:00 committed by GitHub
parent a0f3ec7b13
commit 6f32d605ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/assets/stylesheets/common/base/groups.scss
View File

@ -29,18 +29,10 @@
.groups-boxes { .groups-boxes {
display: grid; display: grid;
grid-gap: 1em; grid-gap: 1em;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
margin: 1em 0; margin: 1em 0;
width: 100%; width: 100%;
@include breakpoint("medium") {
grid-template-columns: repeat(3, 1fr);
}
@include breakpoint("mobile-extra-large") {
grid-template-columns: repeat(2, 1fr);
}
.group-box { .group-box {
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;