feat(ui): center to screen

This commit is contained in:
Denis Gukov 2024-12-14 23:50:54 +05:00
parent 023c8f7a02
commit 2f837ac06c
No known key found for this signature in database
GPG Key ID: 044381366A5D4731
4 changed files with 12 additions and 3 deletions

View File

@ -714,6 +714,12 @@
}
}
@import '~vuetify/src/styles/styles.sass';
@media #{map-get($display-breakpoints, 'xl-only')} {
.CenterToScreen {
transform: translateX(-130px);
}
}
</style>
<script>

View File

@ -14,7 +14,7 @@
<v-data-table
:headers="headers"
:items="items"
class="mt-4"
class="mt-4 CenterToScreen"
:footer-props="{ itemsPerPageOptions: [20] }"
style="max-width: calc(var(--breakpoint-lg) - var(--nav-drawer-width)); margin: auto;"
>

View File

@ -53,7 +53,7 @@
:headers="headers"
:items="items"
hide-default-footer
class="mt-4"
class="mt-4 CenterToScreen"
:items-per-page="Number.MAX_VALUE"
style="max-width: calc(var(--breakpoint-lg) - var(--nav-drawer-width) - 200px); margin: auto;"
>

View File

@ -18,7 +18,10 @@
:can-update-project="true"
/>
<div style="margin: auto; max-width: 600px; padding: 0 16px;">
<div
style="margin: auto; max-width: 600px; padding: 0 16px;"
class="CenterToScreen"
>
<h2 class="mt-8 mb-1">General</h2>
<v-divider class="mb-8" />