@finema/finework-layer 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/.husky/pre-commit +1 -1
  2. package/.playground/app/pages/layout-admin/[id]/index.vue +145 -145
  3. package/.playground/app/pages/layout-admin.vue +129 -129
  4. package/.playground/app/pages/submenu/layout-admin.vue +129 -129
  5. package/CHANGELOG.md +117 -113
  6. package/app/app.config.ts +9 -1
  7. package/app/app.vue +10 -10
  8. package/app/assets/css/main.css +12 -0
  9. package/app/components/Button/ActionIcon.vue +29 -29
  10. package/app/components/Button/Back.vue +22 -22
  11. package/app/components/InfoItemList.vue +202 -202
  12. package/app/components/Layout/Admin/Sidebar.vue +304 -304
  13. package/app/components/Layout/Admin/index.vue +207 -207
  14. package/app/components/Layout/Apps.vue +45 -45
  15. package/app/components/Layout/User/index.vue +99 -99
  16. package/app/components/StatusBox.vue +56 -56
  17. package/app/composables/useAuth.ts +189 -189
  18. package/app/composables/useRequestOptions.ts +50 -50
  19. package/app/error.vue +218 -218
  20. package/bun.lock +2 -2
  21. package/index.d.ts +16 -16
  22. package/nuxt.config.ts +41 -41
  23. package/package.json +3 -3
package/.playground/app/pages/submenu/layout-admin.vue CHANGED
@@ -1,129 +1,129 @@
1
- <template>
2
- <LayoutAdmin
3
- label="Test Layout"
4
- :sidebar-items="sidebarItems"
5
- is-sidebar-group
6
- >
7
- <p>dasdasd</p>
8
- </LayoutAdmin>
9
- </template>
10
-
11
- <script lang="ts" setup>
12
- import type { NavigationMenuItem } from '@nuxt/ui'
13
-
14
- const auth = useAuth()
15
-
16
- useApp().definePage({
17
- title: 'Test Layout',
18
- breadcrumbs: [
19
- {
20
- label: 'Home',
21
- to: '/',
22
- },
23
- {
24
- label: 'Test Layout',
25
- to: '/test-layout',
26
- },
27
- ],
28
- })
29
-
30
- auth.me.set({
31
- id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
32
- created_at: '2025-09-02T10:16:37.195Z',
33
- updated_at: '2025-10-11T10:14:10.296Z',
34
- email: 'long@finema.co',
35
- full_name: 'Passakon Puttasuwan',
36
- display_name: 'Long',
37
- position: 'Technical Specialist',
38
- team_code: 'DEV',
39
- company: 'finema',
40
- avatar_url:
41
- 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
42
- slack_id: 'U0147KLKKH8',
43
- azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
44
- is_active: true,
45
- joined_date: '2025-09-02T00:00:00Z',
46
- access_level: {
47
- user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
48
- clockin: 'ADMIN',
49
- timesheet: 'ADMIN',
50
- pmo: 'SUPER',
51
- setting: 'SUPER',
52
- created_at: '2025-08-15T16:40:29.319Z',
53
- updated_at: '2025-09-30T10:14:59.228Z',
54
- },
55
- team: {
56
- id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
57
- created_at: '2025-08-26T10:36:53.598Z',
58
- updated_at: '2025-10-01T06:00:29.941Z',
59
- name: 'Developer Team',
60
- code: 'DEV',
61
- color: 'violet',
62
- description: '',
63
- working_start_at: '12:02:00',
64
- working_end_at: '20:00:00',
65
- created_by_id: null,
66
- updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
67
- deleted_by_id: null,
68
- },
69
- })
70
-
71
- const sidebarItems: NavigationMenuItem[] = [
72
- {
73
- children: [
74
- {
75
- label: 'Submenu 1',
76
- to: '/layout-admin',
77
- icon: 'i-heroicons-outline:home',
78
- },
79
- {
80
- label: 'Submenu 2',
81
- to: '/layout-admin/asdasd',
82
- icon: 'i-heroicons-outline:home',
83
- },
84
- ],
85
- },
86
- {
87
- label: 'DASHBOARD',
88
- children: [
89
- {
90
- label: 'Submenu 1',
91
- to: '/submenu1',
92
- icon: 'i-heroicons-outline:home',
93
- },
94
- {
95
- label: 'Submenu 2',
96
- to: '/submenu2',
97
- icon: 'i-heroicons-outline:home',
98
- },
99
- ],
100
- },
101
- {
102
- label: 'Users',
103
- children: [
104
- {
105
- label: 'Submenu 1',
106
- to: '/submenu1',
107
- icon: 'i-heroicons-outline:home',
108
- },
109
- {
110
- label: 'Submenu 2',
111
- to: '/layout-admin',
112
- icon: 'i-heroicons-outline:home',
113
- children: [
114
- {
115
- label: 'Submenu 2-1',
116
- to: '/layout-admin/1',
117
- icon: 'i-heroicons-outline:home',
118
- },
119
- {
120
- label: 'Submenu 2-2',
121
- to: '/layout-admin/2',
122
- icon: 'i-heroicons-outline:home',
123
- },
124
- ],
125
- },
126
- ],
127
- },
128
- ]
129
- </script>
1
+ <template>
2
+ <LayoutAdmin
3
+ label="Test Layout"
4
+ :sidebar-items="sidebarItems"
5
+ is-sidebar-group
6
+ >
7
+ <p>dasdasd</p>
8
+ </LayoutAdmin>
9
+ </template>
10
+
11
+ <script lang="ts" setup>
12
+ import type { NavigationMenuItem } from '@nuxt/ui'
13
+
14
+ const auth = useAuth()
15
+
16
+ useApp().definePage({
17
+ title: 'Test Layout',
18
+ breadcrumbs: [
19
+ {
20
+ label: 'Home',
21
+ to: '/',
22
+ },
23
+ {
24
+ label: 'Test Layout',
25
+ to: '/test-layout',
26
+ },
27
+ ],
28
+ })
29
+
30
+ auth.me.set({
31
+ id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
32
+ created_at: '2025-09-02T10:16:37.195Z',
33
+ updated_at: '2025-10-11T10:14:10.296Z',
34
+ email: 'long@finema.co',
35
+ full_name: 'Passakon Puttasuwan',
36
+ display_name: 'Long',
37
+ position: 'Technical Specialist',
38
+ team_code: 'DEV',
39
+ company: 'finema',
40
+ avatar_url:
41
+ 'https://avatars.slack-edge.com/2023-09-25/5968557597936_c750902e3ffc4f690d80_512.jpg',
42
+ slack_id: 'U0147KLKKH8',
43
+ azure_id: 'fd7fbb55-a249-4b79-b439-2270981bd3ae',
44
+ is_active: true,
45
+ joined_date: '2025-09-02T00:00:00Z',
46
+ access_level: {
47
+ user_id: 'edab2396-2b6f-4855-b04e-a7c9ae9b70ae',
48
+ clockin: 'ADMIN',
49
+ timesheet: 'ADMIN',
50
+ pmo: 'SUPER',
51
+ setting: 'SUPER',
52
+ created_at: '2025-08-15T16:40:29.319Z',
53
+ updated_at: '2025-09-30T10:14:59.228Z',
54
+ },
55
+ team: {
56
+ id: 'ef2abb00-d57f-4a38-a5d1-660ee63d2e1f',
57
+ created_at: '2025-08-26T10:36:53.598Z',
58
+ updated_at: '2025-10-01T06:00:29.941Z',
59
+ name: 'Developer Team',
60
+ code: 'DEV',
61
+ color: 'violet',
62
+ description: '',
63
+ working_start_at: '12:02:00',
64
+ working_end_at: '20:00:00',
65
+ created_by_id: null,
66
+ updated_by_id: '96d3ec63-be14-41c6-9268-ea8095d2a73b',
67
+ deleted_by_id: null,
68
+ },
69
+ })
70
+
71
+ const sidebarItems: NavigationMenuItem[] = [
72
+ {
73
+ children: [
74
+ {
75
+ label: 'Submenu 1',
76
+ to: '/layout-admin',
77
+ icon: 'i-heroicons-outline:home',
78
+ },
79
+ {
80
+ label: 'Submenu 2',
81
+ to: '/layout-admin/asdasd',
82
+ icon: 'i-heroicons-outline:home',
83
+ },
84
+ ],
85
+ },
86
+ {
87
+ label: 'DASHBOARD',
88
+ children: [
89
+ {
90
+ label: 'Submenu 1',
91
+ to: '/submenu1',
92
+ icon: 'i-heroicons-outline:home',
93
+ },
94
+ {
95
+ label: 'Submenu 2',
96
+ to: '/submenu2',
97
+ icon: 'i-heroicons-outline:home',
98
+ },
99
+ ],
100
+ },
101
+ {
102
+ label: 'Users',
103
+ children: [
104
+ {
105
+ label: 'Submenu 1',
106
+ to: '/submenu1',
107
+ icon: 'i-heroicons-outline:home',
108
+ },
109
+ {
110
+ label: 'Submenu 2',
111
+ to: '/layout-admin',
112
+ icon: 'i-heroicons-outline:home',
113
+ children: [
114
+ {
115
+ label: 'Submenu 2-1',
116
+ to: '/layout-admin/1',
117
+ icon: 'i-heroicons-outline:home',
118
+ },
119
+ {
120
+ label: 'Submenu 2-2',
121
+ to: '/layout-admin/2',
122
+ icon: 'i-heroicons-outline:home',
123
+ },
124
+ ],
125
+ },
126
+ ],
127
+ },
128
+ ]
129
+ </script>
package/CHANGELOG.md CHANGED
@@ -1,113 +1,117 @@
1
- # Changelog
2
-
3
- ## [0.2.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.17...0.2.1) (2025-10-16)
4
-
5
- ## [0.1.17](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.16...0.1.17) (2025-10-16)
6
-
7
- ### Features
8
-
9
- * **sidebar:** update sidebar navigation paths and add submenu structure ([0094fe5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0094fe5a6a2a9fbd3c159b393e7c774ae7d4aebf))
10
-
11
- ## [0.1.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.15...0.1.16) (2025-10-16)
12
-
13
- ### Performance Improvements
14
-
15
- * **lint:** enable eslint caching for better performance ([369be3c](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/369be3ceadaf8f3a7297dbe12fd0a11360cdb781))
16
-
17
- ## [0.1.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.14...0.1.15) (2025-10-16)
18
-
19
- ## [0.1.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.13...0.1.14) (2025-10-16)
20
-
21
- ## [0.1.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.12...0.1.13) (2025-10-16)
22
-
23
- ## [0.1.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.11...0.1.12) (2025-10-16)
24
-
25
- ### Bug Fixes
26
-
27
- * install icon ([0606b0a](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0606b0ad99bf060692b0f592e306e7f7b0b78406))
28
-
29
- ## [0.1.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.10...0.1.11) (2025-10-16)
30
-
31
- ## [0.1.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.9...0.1.10) (2025-10-15)
32
-
33
- ## [0.1.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.8...0.1.9) (2025-10-15)
34
-
35
- ## [0.1.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.7...0.1.8) (2025-10-15)
36
-
37
- ## [0.1.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.6...0.1.7) (2025-10-15)
38
-
39
- ## [0.1.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.5...0.1.6) (2025-10-15)
40
-
41
- ## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
42
-
43
- ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
44
-
45
- ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
46
-
47
- ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
48
-
49
- ### Features
50
-
51
- * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
52
-
53
- ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
54
-
55
- ### Bug Fixes
56
-
57
- * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
58
- * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
59
-
60
- ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
61
-
62
- ### Bug Fixes
63
-
64
- * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
65
-
66
- ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
67
-
68
- ### Bug Fixes
69
-
70
- * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
71
-
72
- ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
73
-
74
- ### Bug Fixes
75
-
76
- * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
77
- * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
78
-
79
- ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
80
-
81
- ### Features
82
-
83
- * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
84
-
85
- ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
86
-
87
- ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
88
-
89
- ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
90
-
91
- ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
92
-
93
- ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
94
-
95
- ### Bug Fixes
96
-
97
- * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
98
-
99
- ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
100
-
101
- ### Features
102
-
103
- * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
104
-
105
- ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
106
-
107
- ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
108
-
109
- ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
110
-
111
- ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
112
-
113
- ## 0.0.2 (2025-10-09)
1
+ # Changelog
2
+
3
+ ## [0.2.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.2...0.2.3) (2025-10-16)
4
+
5
+ ## [0.2.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.1...0.2.2) (2025-10-16)
6
+
7
+ ## [0.2.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.17...0.2.1) (2025-10-16)
8
+
9
+ ## [0.1.17](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.16...0.1.17) (2025-10-16)
10
+
11
+ ### Features
12
+
13
+ * **sidebar:** update sidebar navigation paths and add submenu structure ([0094fe5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0094fe5a6a2a9fbd3c159b393e7c774ae7d4aebf))
14
+
15
+ ## [0.1.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.15...0.1.16) (2025-10-16)
16
+
17
+ ### Performance Improvements
18
+
19
+ * **lint:** enable eslint caching for better performance ([369be3c](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/369be3ceadaf8f3a7297dbe12fd0a11360cdb781))
20
+
21
+ ## [0.1.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.14...0.1.15) (2025-10-16)
22
+
23
+ ## [0.1.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.13...0.1.14) (2025-10-16)
24
+
25
+ ## [0.1.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.12...0.1.13) (2025-10-16)
26
+
27
+ ## [0.1.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.11...0.1.12) (2025-10-16)
28
+
29
+ ### Bug Fixes
30
+
31
+ * install icon ([0606b0a](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0606b0ad99bf060692b0f592e306e7f7b0b78406))
32
+
33
+ ## [0.1.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.10...0.1.11) (2025-10-16)
34
+
35
+ ## [0.1.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.9...0.1.10) (2025-10-15)
36
+
37
+ ## [0.1.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.8...0.1.9) (2025-10-15)
38
+
39
+ ## [0.1.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.7...0.1.8) (2025-10-15)
40
+
41
+ ## [0.1.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.6...0.1.7) (2025-10-15)
42
+
43
+ ## [0.1.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.5...0.1.6) (2025-10-15)
44
+
45
+ ## [0.1.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.4...0.1.5) (2025-10-15)
46
+
47
+ ## [0.1.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.3...0.1.4) (2025-10-15)
48
+
49
+ ## [0.1.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.2...0.1.3) (2025-10-15)
50
+
51
+ ## [0.1.2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.1.1...0.1.2) (2025-10-14)
52
+
53
+ ### Features
54
+
55
+ * layout user ([6bf83a1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/6bf83a15db0747323e6fd02555eab0b0c4e3e64e))
56
+
57
+ ## [0.1.1](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.16...0.1.1) (2025-10-14)
58
+
59
+ ### Bug Fixes
60
+
61
+ * lint version ([0b2ef1f](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0b2ef1f822b8db97be7fd55a24be42f0fc65357d))
62
+ * version ([742da07](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/742da076e250a965d1a2684430d522d3e901c3b6))
63
+
64
+ ## [0.0.16](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.15...0.0.16) (2025-10-14)
65
+
66
+ ### Bug Fixes
67
+
68
+ * **admin:** hide logo when sidebar is collapsed ([74e5dd2](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/74e5dd2c8d1367bc7c5009f95498e83d86c7244c))
69
+
70
+ ## [0.0.15](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.14...0.0.15) (2025-10-14)
71
+
72
+ ### Bug Fixes
73
+
74
+ * **admin:** always show logo in sidebar ([914c216](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/914c216503b911574d85d658b7cf76618d58e007))
75
+
76
+ ## [0.0.14](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.13...0.0.14) (2025-10-14)
77
+
78
+ ### Bug Fixes
79
+
80
+ * **ui:** adjust responsive header height and padding ([000e5d7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/000e5d75d2779c5fd94354cf4426f5a9085af733))
81
+ * **ui:** adjust responsive layout of admin header elements ([0c46820](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0c468205b498a1ff6c260eefd32b4e244a671f96))
82
+
83
+ ## [0.0.13](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.12...0.0.13) (2025-10-14)
84
+
85
+ ### Features
86
+
87
+ * **admin:** add admin layout system with sidebar and navigation ([758c58b](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/758c58b89b005652ba88ffd4f5a850d3e8690e95))
88
+
89
+ ## [0.0.12](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.11...0.0.12) (2025-10-10)
90
+
91
+ ## [0.0.11](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.10...0.0.11) (2025-10-10)
92
+
93
+ ## [0.0.10](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.9...0.0.10) (2025-10-10)
94
+
95
+ ## [0.0.9](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.8...0.0.9) (2025-10-10)
96
+
97
+ ## [0.0.8](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.7...0.0.8) (2025-10-10)
98
+
99
+ ### Bug Fixes
100
+
101
+ * modal body padding top ([d5e6986](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/d5e6986946b4ec1c70dbd4a8022402f16ad0f82d))
102
+
103
+ ## [0.0.7](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.6...0.0.7) (2025-10-09)
104
+
105
+ ### Features
106
+
107
+ * add ActionIcon, Back, InfoItemList, StatusBox components and update logout handler ([34d39fa](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/34d39fa6997da9e1e87e7813efc3c30716a6b9a4))
108
+
109
+ ## [0.0.6](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.5...0.0.6) (2025-10-09)
110
+
111
+ ## [0.0.5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.4...0.0.5) (2025-10-09)
112
+
113
+ ## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
114
+
115
+ ## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
116
+
117
+ ## 0.0.2 (2025-10-09)
package/app/app.config.ts CHANGED
@@ -9,5 +9,13 @@ export default defineAppConfig({
9
9
  limit_per_page: 15,
10
10
  locale: 'en',
11
11
  },
12
- ui: {},
12
+ ui: {
13
+ dialog: {
14
+ slots: {
15
+ base: [
16
+ 'bg-[url(/dialog-bg.png)] bg-no-repeat bg-top-left bg-size-[220px]',
17
+ ],
18
+ },
19
+ },
20
+ },
13
21
  })
package/app/app.vue CHANGED
@@ -1,10 +1,10 @@
1
- <template>
2
- <App
3
- :toaster="{
4
- position: 'top-right',
5
- progress: false,
6
- }"
7
- >
8
- <NuxtPage />
9
- </App>
10
- </template>
1
+ <template>
2
+ <App
3
+ :toaster="{
4
+ position: 'top-right',
5
+ progress: false,
6
+ }"
7
+ >
8
+ <NuxtPage />
9
+ </App>
10
+ </template>
package/app/assets/css/main.css CHANGED
@@ -1,6 +1,18 @@
1
1
  @import "tailwindcss";
2
2
 
3
3
  :root {
4
+ --color-main: #1570EF;
5
+ --color-main-50: #EBEEFF;
6
+ --color-main-100: #D1E9FF;
7
+ --color-main-200: #B2DDFF;
8
+ --color-main-300: #84CAFF;
9
+ --color-main-400: #53B1FD;
10
+ --color-main-500: #1570EF;
11
+ --color-main-600: #1570EF;
12
+ --color-main-700: #175CD3;
13
+ --color-main-800: #1849A9;
14
+ --color-main-900: #194185;
15
+ --color-main-950: #102A56;
4
16
  --color-background: var(--color-gray-50);
5
17
  }
6
18
 
package/app/components/Button/ActionIcon.vue CHANGED
@@ -1,29 +1,29 @@
1
- <template>
2
- <Button
3
- size="lg"
4
- variant="ghost"
5
- :icon="icon"
6
- :color="color"
7
- square
8
- :disabled="disabled"
9
- :loading="loading"
10
- :to="to"
11
- @click="$emit('click')"
12
- />
13
- </template>
14
-
15
- <script lang="ts" setup>
16
- defineEmits<{
17
- (e: 'click'): void
18
- }>()
19
-
20
- withDefaults(defineProps<{
21
- to?: string
22
- icon: string
23
- color?: 'neutral' | 'error' | 'primary' | 'success' | 'warning' | 'info'
24
- disabled?: boolean
25
- loading?: boolean
26
- }>(), {
27
- color: 'neutral',
28
- })
29
- </script>
1
+ <template>
2
+ <Button
3
+ size="lg"
4
+ variant="ghost"
5
+ :icon="icon"
6
+ :color="color"
7
+ square
8
+ :disabled="disabled"
9
+ :loading="loading"
10
+ :to="to"
11
+ @click="$emit('click')"
12
+ />
13
+ </template>
14
+
15
+ <script lang="ts" setup>
16
+ defineEmits<{
17
+ (e: 'click'): void
18
+ }>()
19
+
20
+ withDefaults(defineProps<{
21
+ to?: string
22
+ icon: string
23
+ color?: 'neutral' | 'error' | 'primary' | 'success' | 'warning' | 'info'
24
+ disabled?: boolean
25
+ loading?: boolean
26
+ }>(), {
27
+ color: 'neutral',
28
+ })
29
+ </script>
package/app/components/Button/Back.vue CHANGED
@@ -1,22 +1,22 @@
1
- <template>
2
- <Button
3
- icon="icon-park-outline:left"
4
- variant="outline"
5
- color="neutral"
6
- :to="to"
7
- @click="$emit('click')"
8
- >
9
- {{ label || 'กลับ' }}
10
- </Button>
11
- </template>
12
-
13
- <script lang="ts" setup>
14
- defineEmits<{
15
- (e: 'click'): void
16
- }>()
17
-
18
- defineProps<{
19
- to?: string
20
- label?: string
21
- }>()
22
- </script>
1
+ <template>
2
+ <Button
3
+ icon="icon-park-outline:left"
4
+ variant="outline"
5
+ color="neutral"
6
+ :to="to"
7
+ @click="$emit('click')"
8
+ >
9
+ {{ label || 'กลับ' }}
10
+ </Button>
11
+ </template>
12
+
13
+ <script lang="ts" setup>
14
+ defineEmits<{
15
+ (e: 'click'): void
16
+ }>()
17
+
18
+ defineProps<{
19
+ to?: string
20
+ label?: string
21
+ }>()
22
+ </script>