mirror of
https://github.com/semaphoreui/semaphore.git
synced 2025-01-20 07:19:20 +01:00
feat(ui): center to screen
This commit is contained in:
parent
023c8f7a02
commit
2f837ac06c
@ -714,6 +714,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@import '~vuetify/src/styles/styles.sass';
|
||||
@media #{map-get($display-breakpoints, 'xl-only')} {
|
||||
.CenterToScreen {
|
||||
transform: translateX(-130px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
@ -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;"
|
||||
>
|
||||
|
@ -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;"
|
||||
>
|
||||
|
@ -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" />
|
||||
|
Loading…
Reference in New Issue
Block a user