georges/gexp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile: render persons-grid as flat list instead of card boxes

Browse Source
This commit is contained in:
Georges Haddad
2026-04-22 13:05:27 +03:00
parent d1bcf3c9d5
commit 153d1216b9
1 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+29
View File
@@ -1475,6 +1475,35 @@ a.stat.active { border-color: rgba(15,118,110,.24); background: var(--primary-so
width: 44px;
height: 34px;
}
/* Persons grid → flat list on mobile */
.persons-grid {
display: flex;
flex-direction: column;
gap: 0;
margin-inline: -.75rem;
margin-top: .5rem;
border-top: 1px solid rgba(23,37,44,.08);
border-bottom: 1px solid rgba(23,37,44,.08);
background: #fff;
}
.person-card {
border: none;
border-bottom: 1px solid rgba(23,37,44,.06);
border-radius: 0;
padding: .7rem .9rem;
box-shadow: none;
background: transparent;
display: flex;
flex-direction: column;
gap: .15rem;
}
.person-card:last-child { border-bottom: none; }
.person-card:hover { transform: none; box-shadow: none; }
.person-card::before { display: none; }
.person-name { font-size: .95rem; font-weight: 700; margin: 0; }
.person-meta { font-size: .78rem; }
.person-reg { font-size: .72rem; margin-top: 0; }
}
/* ============================