discourse/discourse-user-card-directory
1
0
Fork 0
mirror of https://github.com/discourse/discourse-user-card-directory.git synced 2025-06-26 08:22:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: consistent card heights, more space for stat labels (#55)

Browse Source
This commit is contained in:
Kris 2025-04-28 14:21:34 -04:00 committed by GitHub
parent eacda5d00e
commit 4d90ffa942
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
common/common.scss
View File

@ -21,7 +21,7 @@
.user-card-directory { .user-card-directory {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-gap: 60px 20px; grid-gap: 100px 20px;
margin-top: 60px; margin-top: 60px;
@media only screen and (min-width: 500px) { @media only screen and (min-width: 500px) {
@ -29,11 +29,13 @@
} }
.user-card-container { .user-card-container {
margin: 60px 20px;
margin-bottom: auto; margin-bottom: auto;
width: 100%; width: 100%;
height: 100%;
background-color: var(--secondary); background-color: var(--secondary);
box-shadow: var(--shadow-card); box-shadow: var(--shadow-card);
display: flex;
flex-direction: column;
} }
.user-card { .user-card {
@ -54,7 +56,8 @@
.user-card-directory-footer { .user-card-directory-footer {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(5em, 1fr)); grid-template-columns: repeat(auto-fit, minmax(7em, 1fr));
margin-top: auto;
padding: 0.75em; padding: 0.75em;
background-color: var(--secondary); background-color: var(--secondary);
gap: 0.25em; gap: 0.25em;