Feature/rework vue schema

public/plugins/vue/tt-components/css/tt-table.css

@@ -20,10 +20,56 @@
     margin-bottom: 4px !important;
 }
 
+
+.tt-table-card {
+    overflow: auto;
+}
+
 .tt-table-card .page-link {
     padding: 5px .75rem !important;
 }
 
 .tt-table {
     margin-bottom: 8px;
+}
+
+.tt-table-pagination-container {
+    display: grid;
+    grid-template-columns: 1fr;
+    padding-bottom: 8px;
+    align-items: center;
+    justify-content: end;
+}
+.tt-table-pagination-wrapper {
+    display: grid;
+    grid-template-rows: auto auto;
+    grid-template-columns: auto auto;
+    grid-auto-flow: column;
+    grid-gap: 4px;
+    justify-content: end;
+}
+.tt-table-pagination {
+    margin: 0;
+}
+.tt-table-page-item {
+    cursor: pointer;
+}
+.tt-table-page-item.disabled {
+    pointer-events: none;
+    opacity: 0.5;
+}
+.tt-table-page-item.active {
+    font-weight: bold;
+    background-color: #007bff;
+    color: white;
+}
+.tt-table-select {
+    display: inline-block;
+    width: auto;
+}
+.tt-table-text-center {
+    text-align: center;
+}
+.tt-pointer {
+    cursor: pointer;
 }