@finema/finework-layer 0.0.3 → 0.0.4
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.
- package/CHANGELOG.md +2 -0
- package/app/assets/css/main.css +116 -0
- package/nuxt.config.ts +5 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.0.4](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.3...0.0.4) (2025-10-09)
|
|
4
|
+
|
|
3
5
|
## [0.0.3](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.0.2...0.0.3) (2025-10-09)
|
|
4
6
|
|
|
5
7
|
## 0.0.2 (2025-10-09)
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
:root {
|
|
5
|
+
--ui-text: var(--ui-color-neutral-800);
|
|
6
|
+
--color-main: #1570EF;
|
|
7
|
+
--color-main-50: #EBEEFF;
|
|
8
|
+
--color-main-100: #D1E9FF;
|
|
9
|
+
--color-main-200: #B2DDFF;
|
|
10
|
+
--color-main-300: #84CAFF;
|
|
11
|
+
--color-main-400: #53B1FD;
|
|
12
|
+
--color-main-500: #1570EF;
|
|
13
|
+
--color-main-600: #1570EF;
|
|
14
|
+
--color-main-700: #175CD3;
|
|
15
|
+
--color-main-800: #1849A9;
|
|
16
|
+
--color-main-900: #194185;
|
|
17
|
+
--color-main-950: #102A56;
|
|
18
|
+
|
|
19
|
+
--color-warning: #F79009;
|
|
20
|
+
--color-warning-50: #FFFAEB;
|
|
21
|
+
--color-warning-100: #FEF0C7;
|
|
22
|
+
--color-warning-200: #FEDF89;
|
|
23
|
+
--color-warning-300: #FEC84B;
|
|
24
|
+
--color-warning-400: #FDB022;
|
|
25
|
+
--color-warning-500: #F79009;
|
|
26
|
+
--color-warning-600: #DC6803;
|
|
27
|
+
--color-warning-700: #B54708;
|
|
28
|
+
--color-warning-800: #93370D;
|
|
29
|
+
--color-warning-900: #7A2E0E;
|
|
30
|
+
--color-warning-950: #4E1D09;
|
|
31
|
+
|
|
32
|
+
--color-success: #17B26A;
|
|
33
|
+
--color-success-50: #ECFDF3;
|
|
34
|
+
--color-success-100: #DCFAE6;
|
|
35
|
+
--color-success-200: #ABEFC6;
|
|
36
|
+
--color-success-300: #75E0A7;
|
|
37
|
+
--color-success-400: #47CD89;
|
|
38
|
+
--color-success-500: #17B26A;
|
|
39
|
+
--color-success-600: #079455;
|
|
40
|
+
--color-success-700: #067647;
|
|
41
|
+
--color-success-800: #085D3A;
|
|
42
|
+
--color-success-900: #074D31;
|
|
43
|
+
--color-success-950: #053321;
|
|
44
|
+
|
|
45
|
+
--color-error: #E11D48;
|
|
46
|
+
--color-error-50: #fef2f2;
|
|
47
|
+
--color-error-100: #FEE2E2;
|
|
48
|
+
--color-error-200: #F0899F;
|
|
49
|
+
--color-error-300: #EB6582;
|
|
50
|
+
--color-error-400: #E64065;
|
|
51
|
+
--color-error-500: #E11D48;
|
|
52
|
+
--color-error-600: #AF1738;
|
|
53
|
+
--color-error-700: #7E1028;
|
|
54
|
+
--color-error-800: #4C0A18;
|
|
55
|
+
--color-error-900: #1A0308;
|
|
56
|
+
--color-error-950: #010000;
|
|
57
|
+
|
|
58
|
+
--color-info: #2563EB;
|
|
59
|
+
--color-info-50: #DDE9FF;
|
|
60
|
+
--color-info-100: #C8DFFF;
|
|
61
|
+
--color-info-200: #A1C4FF;
|
|
62
|
+
--color-info-300: #7AA9FF;
|
|
63
|
+
--color-info-400: #538EFF;
|
|
64
|
+
--color-info-500: #2563EB;
|
|
65
|
+
--color-info-600: #1A4AAF;
|
|
66
|
+
--color-info-700: #0F318A;
|
|
67
|
+
--color-info-800: #081F65;
|
|
68
|
+
--color-info-900: #020B3A;
|
|
69
|
+
--color-info-950: #000000;
|
|
70
|
+
|
|
71
|
+
--color-white: #FFFFFF;
|
|
72
|
+
--color-white-50: #FFFFFF;
|
|
73
|
+
--color-white-100: #FFFFFF;
|
|
74
|
+
--color-white-200: #FFFFFF;
|
|
75
|
+
--color-white-300: #FFFFFF;
|
|
76
|
+
--color-white-400: #FFFFFF;
|
|
77
|
+
--color-white-500: #FFFFFF;
|
|
78
|
+
--color-white-600: #E3E3E3;
|
|
79
|
+
--color-white-700: #C7C7C7;
|
|
80
|
+
--color-white-800: #ABABAB;
|
|
81
|
+
--color-white-900: #8F8F8F;
|
|
82
|
+
--color-white-950: #818181;
|
|
83
|
+
|
|
84
|
+
--color-background: #F2F4F7;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
html {
|
|
90
|
+
@apply text-sm lg:text-base;
|
|
91
|
+
font-family: 'Noto Sans Thai', 'Noto Sans Thai Looped', 'Public Sans', sans-serif !important;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
body {
|
|
95
|
+
@apply bg-[var(--color-background)];
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.dp__main {
|
|
99
|
+
display: block !important;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.dp__menu {
|
|
103
|
+
border: none !important;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.dp__pointer {
|
|
107
|
+
height: 44px !important;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.dp__outer_menu_wrap {
|
|
111
|
+
box-shadow: none !important;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.dp--menu-wrapper {
|
|
115
|
+
@apply ring-1 ring-slate-300;
|
|
116
|
+
}
|
package/nuxt.config.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { createResolver } from '@nuxt/kit'
|
|
2
|
+
import { fileURLToPath } from 'node:url'
|
|
3
|
+
import { dirname, join } from 'node:path'
|
|
4
|
+
|
|
5
|
+
const currentDir = dirname(fileURLToPath(import.meta.url))
|
|
2
6
|
|
|
3
7
|
const { resolve } = createResolver(import.meta.url)
|
|
4
8
|
|
|
@@ -12,7 +16,7 @@ export default defineNuxtConfig({
|
|
|
12
16
|
devtools: {
|
|
13
17
|
enabled: true,
|
|
14
18
|
},
|
|
15
|
-
css: ['@vuepic/vue-datepicker/dist/main.css'],
|
|
19
|
+
css: [join(currentDir, './app/assets/main.css'), '@vuepic/vue-datepicker/dist/main.css'],
|
|
16
20
|
ui: {
|
|
17
21
|
theme: {
|
|
18
22
|
colors: [
|