action build_and_push_images

.gitea/workflows/deploy-main,yaml

@@ -0,0 +1,22 @@
+name: Deploy
+
+# on: [push]
+on:
+  push:
+    branches:
+      - main  # Adjust the branch as needed
+
+jobs:
+  build_and_push_images:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+      
+      - name: Docker login
+        run: docker login -u ${{ secrets.DOCKER_USERNAME }} -p ${{ secrets.DOCKER_PASSWORD }} ci.svs-tech.pro
+
+      - name: Build and push Docker images
+        run: |
+          docker compose build
+          docker compose push                

front/app.vue

@@ -27,7 +27,7 @@ const links = [[
     <div>
       <UVerticalNavigation :links="links" />
     </div>
-    <div class="col-span-2">
+    <div class="col-span-3">
       <NuxtPage />
     </div>
   </div>

front/pages/vtk/[slug].vue

@@ -14,9 +14,9 @@ const { data, pending, error, status } = await useLazyFetch<APIBody>(`${config.p
 
     <UTable v-else :loading="pending" :columns="[
         { key: 'sn', label: 'Serial Number' },
-        { key: 'name', label: 'name' },
+        { key: 'name', label: 'Name' },
         { key: 'ip', label: 'IP' },
-        { key: 'last_online', label: 'last_online' }
+        { key: 'last_online', label: 'Last Online' }
     ]" :rows="pending ? [] : data?.data">
         <template #last_online-data="{ row }">
             <UIcon name="i-heroicons-check-circle" class="text-green-500 text-xl" v-if="row.last_online == -1" />

front/tailwind.config.js

@@ -3,7 +3,10 @@ module.exports = {
     theme: {
         container: {
             center: true,
-            padding: '2rem'
+            padding: {
+                sm: '0.5rem',
+                lg: '2rem'
+            }
         }
     },
 };