Update calendar view #tab

MonthlyUsage update #tab
#152 - updated header in calendar
2022-07-04 11:00:47 +02:00 · 2022-07-04 11:00:47 +02:00 · 2022-07-04 11:00:35 +02:00 · 2022-07-04 11:00:10 +02:00
11 changed files with 440 additions and 189 deletions
--- a/app/Eloquent/Models/Resume.php
+++ b/app/Eloquent/Models/Resume.php
@@ -31,7 +31,6 @@ class Resume extends Model
        "technologies" => AsCollection::class,
        "projects" => AsCollection::class,
    ];
-    protected $perPage = 50;

    public function user(): BelongsTo
    {
--- a/app/Eloquent/Models/User.php
+++ b/app/Eloquent/Models/User.php
@@ -46,7 +46,6 @@ class User extends Authenticatable implements NotifiableInterface
    protected $with = [
        "profile",
    ];
-    protected $perPage = 50;

    public function profile(): HasOne
    {
--- a/app/Eloquent/Models/VacationRequest.php
+++ b/app/Eloquent/Models/VacationRequest.php
@@ -49,7 +49,6 @@ class VacationRequest extends Model
        "to" => "date",
        "event_ids" => AsCollection::class,
    ];
-    protected $perPage = 50;

    public function user(): BelongsTo
    {
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,7 +23,7 @@
                "luxon": "^2.3.2",
                "postcss": "^8.4.14",
                "tailwindcss": "^3.0.24",
-                "vue": "3.2.37",
+                "vue": "3.2.21",
                "vue-echarts": "^6.0.2",
                "vue-flatpickr-component": "^9.0.6",
                "vue-loader": "^17.0.0",
@@ -2139,36 +2139,36 @@
            }
        },
        "node_modules/@vue/compiler-core": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
-            "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.36.tgz",
+            "integrity": "sha512-bbyZM5hvBicv0PW3KUfVi+x3ylHnfKG7DOn5wM+f2OztTzTjLEyBb/5yrarIYpmnGitVGbjZqDbODyW4iK8hqw==",
            "dependencies": {
                "@babel/parser": "^7.16.4",
-                "@vue/shared": "3.2.37",
+                "@vue/shared": "3.2.36",
                "estree-walker": "^2.0.2",
                "source-map": "^0.6.1"
            }
        },
        "node_modules/@vue/compiler-dom": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
-            "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.36.tgz",
+            "integrity": "sha512-tcOTAOiW4s24QLnq+ON6J+GRONXJ+A/mqKCORi0LSlIh8XQlNnlm24y8xIL8la+ZDgkdbjarQ9ZqYSvEja6gVA==",
            "dependencies": {
-                "@vue/compiler-core": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-core": "3.2.36",
+                "@vue/shared": "3.2.36"
            }
        },
        "node_modules/@vue/compiler-sfc": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
-            "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.36.tgz",
+            "integrity": "sha512-AvGb4bTj4W8uQ4BqaSxo7UwTEqX5utdRSMyHy58OragWlt8nEACQ9mIeQh3K4di4/SX+41+pJrLIY01lHAOFOA==",
            "dependencies": {
                "@babel/parser": "^7.16.4",
-                "@vue/compiler-core": "3.2.37",
-                "@vue/compiler-dom": "3.2.37",
-                "@vue/compiler-ssr": "3.2.37",
-                "@vue/reactivity-transform": "3.2.37",
-                "@vue/shared": "3.2.37",
+                "@vue/compiler-core": "3.2.36",
+                "@vue/compiler-dom": "3.2.36",
+                "@vue/compiler-ssr": "3.2.36",
+                "@vue/reactivity-transform": "3.2.36",
+                "@vue/shared": "3.2.36",
                "estree-walker": "^2.0.2",
                "magic-string": "^0.25.7",
                "postcss": "^8.1.10",
@@ -2176,69 +2176,146 @@
            }
        },
        "node_modules/@vue/compiler-ssr": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
-            "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.36.tgz",
+            "integrity": "sha512-+KugInUFRvOxEdLkZwE+W43BqHyhBh0jpYXhmqw1xGq2dmE6J9eZ8UUSOKNhdHtQ/iNLWWeK/wPZkVLUf3YGaw==",
            "dependencies": {
-                "@vue/compiler-dom": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-dom": "3.2.36",
+                "@vue/shared": "3.2.36"
            }
        },
        "node_modules/@vue/reactivity": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
-            "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.21.tgz",
+            "integrity": "sha512-7C57zFm/5E3SSTUhVuYj1InDwuJ+GIVQ/z+H43C9sST85gIThGXVhksl1yWTAadf8Yz4T5lSbqi5Ds8U/ueWcw==",
            "dependencies": {
-                "@vue/shared": "3.2.37"
+                "@vue/shared": "3.2.21"
            }
        },
        "node_modules/@vue/reactivity-transform": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
-            "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.36.tgz",
+            "integrity": "sha512-Jk5o2BhpODC9XTA7o4EL8hSJ4JyrFWErLtClG3NH8wDS7ri9jBDWxI7/549T7JY9uilKsaNM+4pJASLj5dtRwA==",
            "dependencies": {
                "@babel/parser": "^7.16.4",
-                "@vue/compiler-core": "3.2.37",
-                "@vue/shared": "3.2.37",
+                "@vue/compiler-core": "3.2.36",
+                "@vue/shared": "3.2.36",
                "estree-walker": "^2.0.2",
                "magic-string": "^0.25.7"
            }
        },
-        "node_modules/@vue/runtime-core": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
-            "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+        "node_modules/@vue/reactivity/node_modules/@vue/shared": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+            "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+        },
+        "node_modules/@vue/ref-transform": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/ref-transform/-/ref-transform-3.2.21.tgz",
+            "integrity": "sha512-uiEWWBsrGeun9O7dQExYWzXO3rHm/YdtFNXDVqCSoPypzOVxWxdiL+8hHeWzxMB58fVuV2sT80aUtIVyaBVZgQ==",
            "dependencies": {
-                "@vue/reactivity": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@babel/parser": "^7.15.0",
+                "@vue/compiler-core": "3.2.21",
+                "@vue/shared": "3.2.21",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7"
            }
        },
-        "node_modules/@vue/runtime-dom": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
-            "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+        "node_modules/@vue/ref-transform/node_modules/@vue/compiler-core": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.21.tgz",
+            "integrity": "sha512-NhhiQZNG71KNq1h5pMW/fAXdTF7lJRaSI7LDm2edhHXVz1ROMICo8SreUmQnSf4Fet0UPBVqJ988eF4+936iDQ==",
            "dependencies": {
-                "@vue/runtime-core": "3.2.37",
-                "@vue/shared": "3.2.37",
+                "@babel/parser": "^7.15.0",
+                "@vue/shared": "3.2.21",
+                "estree-walker": "^2.0.2",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/@vue/ref-transform/node_modules/@vue/shared": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+            "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+        },
+        "node_modules/@vue/runtime-core": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.21.tgz",
+            "integrity": "sha512-7oOxKaU0D2IunOAMOOHZgJVrHg63xwng8BZx3fbgmakqEIMwHhQcp+5GV1sOg/sWW7R4UhaRDIUCukO2GRVK2Q==",
+            "dependencies": {
+                "@vue/reactivity": "3.2.21",
+                "@vue/shared": "3.2.21"
+            }
+        },
+        "node_modules/@vue/runtime-core/node_modules/@vue/shared": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+            "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+        },
+        "node_modules/@vue/runtime-dom": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.21.tgz",
+            "integrity": "sha512-apBdriD6QsI4ywbllY8kjr9/0scGuStDuvLbJULPQkFPtHzntd51bP5PQTQVAEIc9kwnTozmj6x6ZdX/cwo7xA==",
+            "dependencies": {
+                "@vue/runtime-core": "3.2.21",
+                "@vue/shared": "3.2.21",
                "csstype": "^2.6.8"
            }
        },
+        "node_modules/@vue/runtime-dom/node_modules/@vue/shared": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+            "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+        },
        "node_modules/@vue/server-renderer": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
-            "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.21.tgz",
+            "integrity": "sha512-QBgYqVgI7XCSBCqGa4LduV9vpfQFdZBOodFmq5Txk5W/v1KrJ1LoOh2Q0RHiRgtoK/UR9uyvRVcYqOmwHkZNEg==",
            "dependencies": {
-                "@vue/compiler-ssr": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-ssr": "3.2.21",
+                "@vue/shared": "3.2.21"
            },
            "peerDependencies": {
-                "vue": "3.2.37"
+                "vue": "3.2.21"
            }
        },
+        "node_modules/@vue/server-renderer/node_modules/@vue/compiler-core": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.21.tgz",
+            "integrity": "sha512-NhhiQZNG71KNq1h5pMW/fAXdTF7lJRaSI7LDm2edhHXVz1ROMICo8SreUmQnSf4Fet0UPBVqJ988eF4+936iDQ==",
+            "dependencies": {
+                "@babel/parser": "^7.15.0",
+                "@vue/shared": "3.2.21",
+                "estree-walker": "^2.0.2",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/@vue/server-renderer/node_modules/@vue/compiler-dom": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.21.tgz",
+            "integrity": "sha512-gsJD3DpYZSYquiA7UIPsMDSlAooYWDvHPq9VRsqzJEk2PZtFvLvHPb4aaMD8Ufd62xzYn32cnnkzsEOJhyGilA==",
+            "dependencies": {
+                "@vue/compiler-core": "3.2.21",
+                "@vue/shared": "3.2.21"
+            }
+        },
+        "node_modules/@vue/server-renderer/node_modules/@vue/compiler-ssr": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.21.tgz",
+            "integrity": "sha512-eU+A0iWYy+1zAo2CRIJ0zSVlv1iuGAIbNRCnllSJ31pV1lX3jypJYzGbJlSRAbB7VP6E+tYveVT1Oq8JKewa3g==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.2.21",
+                "@vue/shared": "3.2.21"
+            }
+        },
+        "node_modules/@vue/server-renderer/node_modules/@vue/shared": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+            "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+        },
        "node_modules/@vue/shared": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-            "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.36.tgz",
+            "integrity": "sha512-JtB41wXl7Au3+Nl3gD16Cfpj7k/6aCroZ6BbOiCMFCMvrOpkg/qQUXTso2XowaNqBbnkuGHurLAqkLBxNGc1hQ=="
        },
        "node_modules/@webassemblyjs/ast": {
            "version": "1.11.1",
@@ -8638,15 +8715,15 @@
            "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
        },
        "node_modules/vue": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
-            "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.21.tgz",
+            "integrity": "sha512-jpy7ckXdyclfRzqLjL4mtq81AkzQleE54KjZsJg/9OorNVurAxdlU5XpD49GpjKdnftuffKUvx2C5jDOrgc/zg==",
            "dependencies": {
-                "@vue/compiler-dom": "3.2.37",
-                "@vue/compiler-sfc": "3.2.37",
-                "@vue/runtime-dom": "3.2.37",
-                "@vue/server-renderer": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-dom": "3.2.21",
+                "@vue/compiler-sfc": "3.2.21",
+                "@vue/runtime-dom": "3.2.21",
+                "@vue/server-renderer": "3.2.21",
+                "@vue/shared": "3.2.21"
            }
        },
        "node_modules/vue-echarts": {
@@ -8796,6 +8873,57 @@
                "vue": "^3.0.2"
            }
        },
+        "node_modules/vue/node_modules/@vue/compiler-core": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.21.tgz",
+            "integrity": "sha512-NhhiQZNG71KNq1h5pMW/fAXdTF7lJRaSI7LDm2edhHXVz1ROMICo8SreUmQnSf4Fet0UPBVqJ988eF4+936iDQ==",
+            "dependencies": {
+                "@babel/parser": "^7.15.0",
+                "@vue/shared": "3.2.21",
+                "estree-walker": "^2.0.2",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/vue/node_modules/@vue/compiler-dom": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.21.tgz",
+            "integrity": "sha512-gsJD3DpYZSYquiA7UIPsMDSlAooYWDvHPq9VRsqzJEk2PZtFvLvHPb4aaMD8Ufd62xzYn32cnnkzsEOJhyGilA==",
+            "dependencies": {
+                "@vue/compiler-core": "3.2.21",
+                "@vue/shared": "3.2.21"
+            }
+        },
+        "node_modules/vue/node_modules/@vue/compiler-sfc": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.21.tgz",
+            "integrity": "sha512-+yDlUSebKpz/ovxM2vLRRx7w/gVfY767pOfYTgbIhAs+ogvIV2BsIt4fpxlThnlCNChJ+yE0ERUNoROv2kEGEQ==",
+            "dependencies": {
+                "@babel/parser": "^7.15.0",
+                "@vue/compiler-core": "3.2.21",
+                "@vue/compiler-dom": "3.2.21",
+                "@vue/compiler-ssr": "3.2.21",
+                "@vue/ref-transform": "3.2.21",
+                "@vue/shared": "3.2.21",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7",
+                "postcss": "^8.1.10",
+                "source-map": "^0.6.1"
+            }
+        },
+        "node_modules/vue/node_modules/@vue/compiler-ssr": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.21.tgz",
+            "integrity": "sha512-eU+A0iWYy+1zAo2CRIJ0zSVlv1iuGAIbNRCnllSJ31pV1lX3jypJYzGbJlSRAbB7VP6E+tYveVT1Oq8JKewa3g==",
+            "dependencies": {
+                "@vue/compiler-dom": "3.2.21",
+                "@vue/shared": "3.2.21"
+            }
+        },
+        "node_modules/vue/node_modules/@vue/shared": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+            "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+        },
        "node_modules/vue3-popper": {
            "version": "1.5.0",
            "resolved": "https://registry.npmjs.org/vue3-popper/-/vue3-popper-1.5.0.tgz",
@@ -10921,36 +11049,36 @@
            }
        },
        "@vue/compiler-core": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
-            "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.36.tgz",
+            "integrity": "sha512-bbyZM5hvBicv0PW3KUfVi+x3ylHnfKG7DOn5wM+f2OztTzTjLEyBb/5yrarIYpmnGitVGbjZqDbODyW4iK8hqw==",
            "requires": {
                "@babel/parser": "^7.16.4",
-                "@vue/shared": "3.2.37",
+                "@vue/shared": "3.2.36",
                "estree-walker": "^2.0.2",
                "source-map": "^0.6.1"
            }
        },
        "@vue/compiler-dom": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
-            "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.36.tgz",
+            "integrity": "sha512-tcOTAOiW4s24QLnq+ON6J+GRONXJ+A/mqKCORi0LSlIh8XQlNnlm24y8xIL8la+ZDgkdbjarQ9ZqYSvEja6gVA==",
            "requires": {
-                "@vue/compiler-core": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-core": "3.2.36",
+                "@vue/shared": "3.2.36"
            }
        },
        "@vue/compiler-sfc": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
-            "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.36.tgz",
+            "integrity": "sha512-AvGb4bTj4W8uQ4BqaSxo7UwTEqX5utdRSMyHy58OragWlt8nEACQ9mIeQh3K4di4/SX+41+pJrLIY01lHAOFOA==",
            "requires": {
                "@babel/parser": "^7.16.4",
-                "@vue/compiler-core": "3.2.37",
-                "@vue/compiler-dom": "3.2.37",
-                "@vue/compiler-ssr": "3.2.37",
-                "@vue/reactivity-transform": "3.2.37",
-                "@vue/shared": "3.2.37",
+                "@vue/compiler-core": "3.2.36",
+                "@vue/compiler-dom": "3.2.36",
+                "@vue/compiler-ssr": "3.2.36",
+                "@vue/reactivity-transform": "3.2.36",
+                "@vue/shared": "3.2.36",
                "estree-walker": "^2.0.2",
                "magic-string": "^0.25.7",
                "postcss": "^8.1.10",
@@ -10958,66 +11086,153 @@
            }
        },
        "@vue/compiler-ssr": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
-            "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.36.tgz",
+            "integrity": "sha512-+KugInUFRvOxEdLkZwE+W43BqHyhBh0jpYXhmqw1xGq2dmE6J9eZ8UUSOKNhdHtQ/iNLWWeK/wPZkVLUf3YGaw==",
            "requires": {
-                "@vue/compiler-dom": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-dom": "3.2.36",
+                "@vue/shared": "3.2.36"
            }
        },
        "@vue/reactivity": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
-            "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.21.tgz",
+            "integrity": "sha512-7C57zFm/5E3SSTUhVuYj1InDwuJ+GIVQ/z+H43C9sST85gIThGXVhksl1yWTAadf8Yz4T5lSbqi5Ds8U/ueWcw==",
            "requires": {
-                "@vue/shared": "3.2.37"
+                "@vue/shared": "3.2.21"
+            },
+            "dependencies": {
+                "@vue/shared": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+                    "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+                }
            }
        },
        "@vue/reactivity-transform": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
-            "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.36.tgz",
+            "integrity": "sha512-Jk5o2BhpODC9XTA7o4EL8hSJ4JyrFWErLtClG3NH8wDS7ri9jBDWxI7/549T7JY9uilKsaNM+4pJASLj5dtRwA==",
            "requires": {
                "@babel/parser": "^7.16.4",
-                "@vue/compiler-core": "3.2.37",
-                "@vue/shared": "3.2.37",
+                "@vue/compiler-core": "3.2.36",
+                "@vue/shared": "3.2.36",
                "estree-walker": "^2.0.2",
                "magic-string": "^0.25.7"
            }
        },
-        "@vue/runtime-core": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
-            "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+        "@vue/ref-transform": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/ref-transform/-/ref-transform-3.2.21.tgz",
+            "integrity": "sha512-uiEWWBsrGeun9O7dQExYWzXO3rHm/YdtFNXDVqCSoPypzOVxWxdiL+8hHeWzxMB58fVuV2sT80aUtIVyaBVZgQ==",
            "requires": {
-                "@vue/reactivity": "3.2.37",
-                "@vue/shared": "3.2.37"
-            }
+                "@babel/parser": "^7.15.0",
+                "@vue/compiler-core": "3.2.21",
+                "@vue/shared": "3.2.21",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.25.7"
            },
-        "@vue/runtime-dom": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
-            "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+            "dependencies": {
+                "@vue/compiler-core": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.21.tgz",
+                    "integrity": "sha512-NhhiQZNG71KNq1h5pMW/fAXdTF7lJRaSI7LDm2edhHXVz1ROMICo8SreUmQnSf4Fet0UPBVqJ988eF4+936iDQ==",
                    "requires": {
-                "@vue/runtime-core": "3.2.37",
-                "@vue/shared": "3.2.37",
-                "csstype": "^2.6.8"
-            }
-        },
-        "@vue/server-renderer": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
-            "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
-            "requires": {
-                "@vue/compiler-ssr": "3.2.37",
-                "@vue/shared": "3.2.37"
+                        "@babel/parser": "^7.15.0",
+                        "@vue/shared": "3.2.21",
+                        "estree-walker": "^2.0.2",
+                        "source-map": "^0.6.1"
                    }
                },
                "@vue/shared": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-            "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+                    "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+                }
+            }
+        },
+        "@vue/runtime-core": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.21.tgz",
+            "integrity": "sha512-7oOxKaU0D2IunOAMOOHZgJVrHg63xwng8BZx3fbgmakqEIMwHhQcp+5GV1sOg/sWW7R4UhaRDIUCukO2GRVK2Q==",
+            "requires": {
+                "@vue/reactivity": "3.2.21",
+                "@vue/shared": "3.2.21"
+            },
+            "dependencies": {
+                "@vue/shared": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+                    "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+                }
+            }
+        },
+        "@vue/runtime-dom": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.21.tgz",
+            "integrity": "sha512-apBdriD6QsI4ywbllY8kjr9/0scGuStDuvLbJULPQkFPtHzntd51bP5PQTQVAEIc9kwnTozmj6x6ZdX/cwo7xA==",
+            "requires": {
+                "@vue/runtime-core": "3.2.21",
+                "@vue/shared": "3.2.21",
+                "csstype": "^2.6.8"
+            },
+            "dependencies": {
+                "@vue/shared": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+                    "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+                }
+            }
+        },
+        "@vue/server-renderer": {
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.21.tgz",
+            "integrity": "sha512-QBgYqVgI7XCSBCqGa4LduV9vpfQFdZBOodFmq5Txk5W/v1KrJ1LoOh2Q0RHiRgtoK/UR9uyvRVcYqOmwHkZNEg==",
+            "requires": {
+                "@vue/compiler-ssr": "3.2.21",
+                "@vue/shared": "3.2.21"
+            },
+            "dependencies": {
+                "@vue/compiler-core": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.21.tgz",
+                    "integrity": "sha512-NhhiQZNG71KNq1h5pMW/fAXdTF7lJRaSI7LDm2edhHXVz1ROMICo8SreUmQnSf4Fet0UPBVqJ988eF4+936iDQ==",
+                    "requires": {
+                        "@babel/parser": "^7.15.0",
+                        "@vue/shared": "3.2.21",
+                        "estree-walker": "^2.0.2",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "@vue/compiler-dom": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.21.tgz",
+                    "integrity": "sha512-gsJD3DpYZSYquiA7UIPsMDSlAooYWDvHPq9VRsqzJEk2PZtFvLvHPb4aaMD8Ufd62xzYn32cnnkzsEOJhyGilA==",
+                    "requires": {
+                        "@vue/compiler-core": "3.2.21",
+                        "@vue/shared": "3.2.21"
+                    }
+                },
+                "@vue/compiler-ssr": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.21.tgz",
+                    "integrity": "sha512-eU+A0iWYy+1zAo2CRIJ0zSVlv1iuGAIbNRCnllSJ31pV1lX3jypJYzGbJlSRAbB7VP6E+tYveVT1Oq8JKewa3g==",
+                    "requires": {
+                        "@vue/compiler-dom": "3.2.21",
+                        "@vue/shared": "3.2.21"
+                    }
+                },
+                "@vue/shared": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+                    "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+                }
+            }
+        },
+        "@vue/shared": {
+            "version": "3.2.36",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.36.tgz",
+            "integrity": "sha512-JtB41wXl7Au3+Nl3gD16Cfpj7k/6aCroZ6BbOiCMFCMvrOpkg/qQUXTso2XowaNqBbnkuGHurLAqkLBxNGc1hQ=="
        },
        "@webassemblyjs/ast": {
            "version": "1.11.1",
@@ -15746,15 +15961,68 @@
            "integrity": "sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ=="
        },
        "vue": {
-            "version": "3.2.37",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
-            "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+            "version": "3.2.21",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.21.tgz",
+            "integrity": "sha512-jpy7ckXdyclfRzqLjL4mtq81AkzQleE54KjZsJg/9OorNVurAxdlU5XpD49GpjKdnftuffKUvx2C5jDOrgc/zg==",
            "requires": {
-                "@vue/compiler-dom": "3.2.37",
-                "@vue/compiler-sfc": "3.2.37",
-                "@vue/runtime-dom": "3.2.37",
-                "@vue/server-renderer": "3.2.37",
-                "@vue/shared": "3.2.37"
+                "@vue/compiler-dom": "3.2.21",
+                "@vue/compiler-sfc": "3.2.21",
+                "@vue/runtime-dom": "3.2.21",
+                "@vue/server-renderer": "3.2.21",
+                "@vue/shared": "3.2.21"
+            },
+            "dependencies": {
+                "@vue/compiler-core": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.21.tgz",
+                    "integrity": "sha512-NhhiQZNG71KNq1h5pMW/fAXdTF7lJRaSI7LDm2edhHXVz1ROMICo8SreUmQnSf4Fet0UPBVqJ988eF4+936iDQ==",
+                    "requires": {
+                        "@babel/parser": "^7.15.0",
+                        "@vue/shared": "3.2.21",
+                        "estree-walker": "^2.0.2",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "@vue/compiler-dom": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.21.tgz",
+                    "integrity": "sha512-gsJD3DpYZSYquiA7UIPsMDSlAooYWDvHPq9VRsqzJEk2PZtFvLvHPb4aaMD8Ufd62xzYn32cnnkzsEOJhyGilA==",
+                    "requires": {
+                        "@vue/compiler-core": "3.2.21",
+                        "@vue/shared": "3.2.21"
+                    }
+                },
+                "@vue/compiler-sfc": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.21.tgz",
+                    "integrity": "sha512-+yDlUSebKpz/ovxM2vLRRx7w/gVfY767pOfYTgbIhAs+ogvIV2BsIt4fpxlThnlCNChJ+yE0ERUNoROv2kEGEQ==",
+                    "requires": {
+                        "@babel/parser": "^7.15.0",
+                        "@vue/compiler-core": "3.2.21",
+                        "@vue/compiler-dom": "3.2.21",
+                        "@vue/compiler-ssr": "3.2.21",
+                        "@vue/ref-transform": "3.2.21",
+                        "@vue/shared": "3.2.21",
+                        "estree-walker": "^2.0.2",
+                        "magic-string": "^0.25.7",
+                        "postcss": "^8.1.10",
+                        "source-map": "^0.6.1"
+                    }
+                },
+                "@vue/compiler-ssr": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.21.tgz",
+                    "integrity": "sha512-eU+A0iWYy+1zAo2CRIJ0zSVlv1iuGAIbNRCnllSJ31pV1lX3jypJYzGbJlSRAbB7VP6E+tYveVT1Oq8JKewa3g==",
+                    "requires": {
+                        "@vue/compiler-dom": "3.2.21",
+                        "@vue/shared": "3.2.21"
+                    }
+                },
+                "@vue/shared": {
+                    "version": "3.2.21",
+                    "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.21.tgz",
+                    "integrity": "sha512-5EQmIPK6gw4UVYUbM959B0uPsJ58+xoMESCZs3N89XyvJ9e+fX4pqEPrOGV8OroIk3SbEvJcC+eYc8BH9JQrHA=="
+                }
            }
        },
        "vue-echarts": {
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
        "luxon": "^2.3.2",
        "postcss": "^8.4.14",
        "tailwindcss": "^3.0.24",
-        "vue": "3.2.37",
+        "vue": "3.2.21",
        "vue-echarts": "^6.0.2",
        "vue-flatpickr-component": "^9.0.6",
        "vue-loader": "^17.0.0",
--- a/resources/js/Pages/Calendar.vue
+++ b/resources/js/Pages/Calendar.vue
@@ -55,18 +55,20 @@
      </div>
    </div>
    <div class="overflow-x-auto">
-      <table class="w-full text-sm text-center border border-gray-300">
+      <table class="w-full text-sm text-center border-y border-r border-gray-300">
        <thead>
          <tr>
-            <th class="py-2 w-64 text-lg font-semibold text-gray-800 border border-gray-300">
+            <th
+              class="py-2 w-64 text-lg font-semibold text-gray-800 border-y border-gray-300 bg-white sticky left-0 sticky-border"
+            >
              <div class="flex justify-center items-center">
-                {{ selectedMonth.name }} {{ years.selected.year }}
+                {{ selectedMonth.name }}
              </div>
            </th>
            <th
              v-for="day in calendar"
              :key="day.dayOfMonth"
-              class="p-2 text-lg font-semibold text-gray-900 border border-gray-300"
+              class="p-2 text-lg font-semibold text-gray-900 border second:border-l-0 border-gray-300"
              style="min-width: 46px;"
              :class="{ 'bg-red-100 text-red-800': day.isWeekend || day.isHoliday, 'text-blumilk-600 bg-blumilk-25': day.isToday }"
            >
@@ -84,22 +86,28 @@
            v-for="user in users.data"
            :key="user.id"
          >
-            <th class="p-2 border border-gray-300">
+            <th
+              class="p-2 border-y border-gray-300 bg-white sticky left-0 sticky-border"
+            >
              <div class="flex justify-start items-center">
                <span class="inline-flex justify-center items-center w-8 h-8 rounded-full">
                  <img :src="user.avatar">
                </span>
-                <div class="ml-3">
-                  <div class="text-sm font-medium text-gray-900 truncate">
-                    {{ user.name }}
-                  </div>
+                <div class="ml-3 flex items-start flex-col-reverse md:flex-row">
+                  <span
+                    v-for="split in user.name.split(' ', 2)"
+                    :key="split"
+                    class="text-sm first:text-xs md:first:text-sm font-medium text-gray-900 truncate first:mr-1"
+                  >
+                    {{ split }}
+                  </span>
                </div>
              </div>
            </th>
            <td
              v-for="day in calendar"
              :key="day.dayOfMonth"
-              class="border border-gray-300"
+              class="border second:border-l-0 border-gray-300"
              :class="{ 'bg-blumilk-25': day.isToday, 'bg-red-100': day.isWeekend || day.isHoliday }"
              @mouseover="setActiveDay(user.id + '+' + day.date)"
              @mouseleave="unsetActiveDay"
@@ -176,3 +184,10 @@ function linkParameters(user, day) {
  return props.can.createOnBehalfOfEmployee ? { user: user.id, from_date: day.date } : { from_date: day.date }
 }
 </script>
+
+<style lang="css">
+.sticky-border {
+  box-shadow: inset -1px 0 rgb(209 213 219 / 1),
+              inset 1px 0 rgb(209 213 219 / 1);
+}
+</style>
--- a/resources/js/Pages/MonthlyUsage.vue
+++ b/resources/js/Pages/MonthlyUsage.vue
@@ -9,11 +9,11 @@
      </div>
    </div>
    <div class="border-t border-gray-200">
-      <div class="overflow-x-auto overflow-y-hidden xl:overflow-x-visible">
+      <div class="overflow-x-auto xl:overflow-x-visible">
        <table class="min-w-full divide-y divide-gray-200">
          <thead class="bg-gray-50">
            <tr>
-              <th class="py-3 px-6 w-64 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase">
+              <th class="py-3 px-6 w-64 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase bg-gray-50 sticky -left-1">
                Pracownik
              </th>
              <th
@@ -38,7 +38,7 @@
              :key="item.user.id"
              class="hover:bg-blumilk-25"
            >
-              <th class="p-4 text-sm font-semibold text-gray-500 capitalize whitespace-nowrap">
+              <th class="p-4 text-sm font-semibold text-gray-500 capitalize whitespace-nowrap bg-white sticky -left-1">
                <div class="flex justify-start items-center">
                  <span class="inline-flex justify-center items-center w-10 h-10 rounded-full">
                    <img
@@ -46,12 +46,14 @@
                      :src="item.user.avatar"
                    >
                  </span>
-                  <div class="ml-3">
-                    <div
-                      class="text-sm font-medium text-gray-900 whitespace-nowrap"
+                  <div class="ml-3 flex items-start flex-col-reverse md:flex-row">
+                    <span
+                      v-for="split in item.user.name.split(' ', 2)"
+                      :key="split"
+                      class="text-sm first:text-xs md:first:text-sm font-medium text-gray-900 truncate first:mr-1"
                    >
-                      {{ item.user.name }}
-                    </div>
+                      {{ split }}
+                    </span>
                  </div>
                </div>
              </th>
--- a/resources/js/Pages/VacationRequest/Create.vue
+++ b/resources/js/Pages/VacationRequest/Create.vue
@@ -297,8 +297,8 @@
              <button
                type="submit"
                class="inline-flex justify-center py-2 px-4 text-sm font-medium text-white bg-blumilk-600 rounded-md border border-transparent focus:outline-none focus:ring-2 focus:ring-blumilk-500 focus:ring-offset-2 shadow-sm"
-                :class="[form.processing || !isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
-                :disabled="form.processing || !isDirty"
+                :class="[form.processing || !form.isDirty ? 'disabled:opacity-60' : 'hover:bg-blumilk-700']"
+                :disabled="form.processing || !form.isDirty"
              >
                Zapisz
              </button>
@@ -359,13 +359,6 @@ const form = useForm({
  flowSkipped: false,
 })

-let isDirty = ref(false)
-
-watch(form, formData => {
-  const { from, to } = formData.data()
-  isDirty.value = formData.isDirty || from !== null || to !== null
-}, { immediate: true, deep: true })
-
 refreshEstimatedDays(form.from, form.to)

 const estimatedDays = ref([])
--- a/resources/js/Pages/VacationRequest/IndexForApprovers.vue
+++ b/resources/js/Pages/VacationRequest/IndexForApprovers.vue
@@ -242,46 +242,12 @@
        <thead class="bg-gray-50">
          <tr>
            <th
+              v-for="head in headers"
+              :key="head"
              scope="col"
              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
            >
-              Numer
-            </th>
-            <th
-              scope="col"
-              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
-            >
-              Pracownik
-            </th>
-            <th
-              scope="col"
-              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
-            >
-              Rodzaj wniosku
-            </th>
-            <th
-              scope="col"
-              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
-            >
-              Od
-            </th>
-            <th
-              scope="col"
-              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
-            >
-              Do
-            </th>
-            <th
-              scope="col"
-              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
-            >
-              Dni urlopu
-            </th>
-            <th
-              scope="col"
-              class="py-3 px-4 text-xs font-semibold tracking-wider text-left text-gray-500 uppercase whitespace-nowrap"
-            >
-              Status
+              {{ head }}
            </th>
            <th scope="col" />
          </tr>
@@ -381,6 +347,8 @@ const props = defineProps({
  types: Object,
 })

+const headers = ['Numer', 'Pracownik', 'Rodzaj wniosku', 'Od', 'Do', 'Dni urlopu', 'Status']
+
 const statuses = [
  {
    name: 'Wszystkie',
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,4 +1,5 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
+const plugin = require('tailwindcss/plugin')

 module.exports = {
  content: [
@@ -31,5 +32,12 @@ module.exports = {
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/line-clamp'),
+    plugin(function({ addVariant, e }) {
+      addVariant('second', ({ modifySelectors, separator }) => {
+        modifySelectors(({ className }) => {
+          return `.${e(`second${separator}${className}`)}:nth-child(2)`
+        })
+      })
+    }),
  ],
 }
--- a/tests/Feature/UserTest.php
+++ b/tests/Feature/UserTest.php
@@ -73,10 +73,10 @@ class UserTest extends FeatureTestCase

    public function testUserListIsPaginated(): void
    {
-        User::factory()->count(50)->create();
+        User::factory()->count(15)->create();
        $admin = User::factory()->admin()->create();

-        $this->assertDatabaseCount("users", 51);
+        $this->assertDatabaseCount("users", 16);

        $this->actingAs($admin)
            ->get("/users?page=2")
Author	SHA1	Message	Date
Kamil Niemczycki	123af95500	Update calendar view #tab	2022-07-04 11:00:47 +02:00
Kamil Niemczycki	84344652f0	MonthlyUsage update #tab	2022-07-04 11:00:47 +02:00
Kamil Niemczycki	5f0d6b5af3	#152 - updated header in calendar	2022-07-04 11:00:35 +02:00
Kamil Niemczycki	f755e1e0db	#152 - updated calendar	2022-07-04 11:00:10 +02:00