phc/problemi
6
3
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: changed back table style to side scrolling on mobile

Browse Source
This commit is contained in:
aziis98
2023-01-11 16:19:16 +01:00
parent 42e9a05818
commit dda2e2c36f
2 changed files with 74 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/pages/AdminPage.tsx
+18 -16
View File
@@ -123,23 +123,25 @@ export const AdminPage = ({}) => {
<>
<hr />
<div class="subtitle">Controlli speciali solo per Admin</div>
<div class="users-table" style={{ '--cols': 4 }}>
<div class="cell header">Username Ateneo</div>
<div class="cell header">Nome Utente</div>
<div class="cell header">Ruolo</div>
<div class="cell header last-col">Azioni</div>
<div class="scrollable">
<div class="users-table" style={{ '--cols': 4 }}>
<div class="cell header">Username Ateneo</div>
<div class="cell header">Nome Utente</div>
<div class="cell header">Ruolo</div>
<div class="cell header last-col">Azioni</div>
{users.map(user => (
<>
<div class="cell mono">{user.id}</div>
<div class="cell">{user.fullName}</div>
<div class="cell">{user.role}</div>
<div class="cell last-col">
<button>Boh 1</button>
<button>Boh 2</button>
</div>
</>
))}
{users.map(user => (
<>
<div class="cell mono">{user.id}</div>
<div class="cell">{user.fullName}</div>
<div class="cell">{user.role}</div>
<div class="cell last-col">
<button>Boh 1</button>
<button>Boh 2</button>
</div>
</>
))}
</div>
</div>
<div class="form">
<div class="fill subtitle mono">su $USER</div>