mirror of
https://github.com/kremalicious/umami.git
synced 2024-06-30 21:51:59 +02:00
Layout fixes for DataTable.
This commit is contained in:
parent
83fb358355
commit
a79183cd13
|
@ -16,7 +16,11 @@
|
||||||
min-height: 50vh;
|
min-height: 50vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 992px) {
|
||||||
|
.layout {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
.menu {
|
.menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -28,6 +28,7 @@ export function WebsitesTable({
|
||||||
{row => row.user.username}
|
{row => row.user.username}
|
||||||
</GridColumn>
|
</GridColumn>
|
||||||
)}
|
)}
|
||||||
|
{showActions && (
|
||||||
<GridColumn name="action" label=" " alignment="end">
|
<GridColumn name="action" label=" " alignment="end">
|
||||||
{row => {
|
{row => {
|
||||||
const {
|
const {
|
||||||
|
@ -37,7 +38,7 @@ export function WebsitesTable({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{showActions && allowEdit && (!showTeam || ownerId === user.id) && (
|
{allowEdit && (!showTeam || ownerId === user.id) && (
|
||||||
<Link href={`/settings/websites/${id}`}>
|
<Link href={`/settings/websites/${id}`}>
|
||||||
<Button>
|
<Button>
|
||||||
<Icon>
|
<Icon>
|
||||||
|
@ -47,7 +48,7 @@ export function WebsitesTable({
|
||||||
</Button>
|
</Button>
|
||||||
</Link>
|
</Link>
|
||||||
)}
|
)}
|
||||||
{showActions && allowView && (
|
{allowView && (
|
||||||
<Link href={`/websites/${id}`}>
|
<Link href={`/websites/${id}`}>
|
||||||
<Button>
|
<Button>
|
||||||
<Icon>
|
<Icon>
|
||||||
|
@ -61,6 +62,7 @@ export function WebsitesTable({
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
</GridColumn>
|
</GridColumn>
|
||||||
|
)}
|
||||||
{children}
|
{children}
|
||||||
</GridTable>
|
</GridTable>
|
||||||
);
|
);
|
||||||
|
|
|
@ -20,6 +20,7 @@
|
||||||
.body {
|
.body {
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.body td {
|
.body td {
|
||||||
|
@ -27,6 +28,7 @@
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
min-height: 70px;
|
min-height: 70px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
min-width: min-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pager {
|
.pager {
|
||||||
|
|
Loading…
Reference in New Issue
Block a user