radon/radchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change user list card layout mobile

Browse Source
This commit is contained in:
Radon 2025-08-29 19:49:08 -05:00
parent 5a0aecf17f
commit e1b638f3da
1 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
static/styles.css
View File

@ -1368,14 +1368,15 @@ button:disabled {
/* Horizontal scrolling users list */
.users-list {
flex-direction: row;
display: grid;
flex-direction: column;
overflow-x: auto;
overflow-y: hidden;
padding: 0.5rem;
gap: 0.5rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
grid-template-rows: auto;
justify-content: space-between;
align-items: center;
grid-template-columns: repeat(2, 1fr);
margin: 0 auto;
/*grid-template-rows: auto;*/
gap: 0.25rem;
padding: 0.5rem 0.25rem;
}
@ -1385,8 +1386,15 @@ button:disabled {
flex-direction: row;
/* min-width: fit-content; */
/* min-height: fit-content; */
width: 60px;
padding: 0.5rem;
display: grid;
grid-auto-rows: minmax(5vw, auto);
/*overflow-x: scroll;*/
/*margin: 0 auto;*/
/*margin-bottom: 5vh;*/
/*margin-right: 5vw;*/
/*width: 60px;*/
/*padding: 0.5rem;*/
justify-content: center;
text-align: center;
flex-shrink: 0;
}
@ -1423,7 +1431,7 @@ button:disabled {
justify-content: space-between;
align-items: center;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
/*grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));*/
grid-template-columns: repeat(2, 1fr);
margin: 0 auto;
gap: 0.5rem;