aq-fe-framework 0.1.176 → 0.1.177

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.
@@ -1,50 +1,50 @@
1
- .header {
2
- position: sticky; /* Giúp header dính trên cùng */
3
- top: 0;
4
- z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
- height: 60px;
6
- background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
- padding-left: var(--mantine-spacing-md);
8
- padding-right: var(--mantine-spacing-md);
9
- border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
- }
11
-
12
- .link {
13
- display: flex;
14
- align-items: center;
15
- height: 100%;
16
- padding-left: var(--mantine-spacing-md);
17
- padding-right: var(--mantine-spacing-md);
18
- text-decoration: none;
19
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
- font-weight: 500;
21
- font-size: var(--mantine-font-size-sm);
22
-
23
- @media (max-width: $mantine-breakpoint-sm) {
24
- height: 42px;
25
- width: 100%;
26
- }
27
-
28
- @mixin hover {
29
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
- }
31
- }
32
-
33
- .subLink {
34
- width: 100%;
35
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
- border-radius: var(--mantine-radius-md);
37
-
38
- @mixin hover {
39
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
- }
41
- }
42
-
43
- .dropdownFooter {
44
- background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
- margin: calc(var(--mantine-spacing-md) * -1);
46
- margin-top: var(--mantine-spacing-sm);
47
- padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
- padding-bottom: var(--mantine-spacing-xl);
49
- border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
- }
1
+ .header {
2
+ position: sticky; /* Giúp header dính trên cùng */
3
+ top: 0;
4
+ z-index: 1; /* Đảm bảo header nằm trên các thành phần khác */
5
+ height: 60px;
6
+ background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark));
7
+ padding-left: var(--mantine-spacing-md);
8
+ padding-right: var(--mantine-spacing-md);
9
+ border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
10
+ }
11
+
12
+ .link {
13
+ display: flex;
14
+ align-items: center;
15
+ height: 100%;
16
+ padding-left: var(--mantine-spacing-md);
17
+ padding-right: var(--mantine-spacing-md);
18
+ text-decoration: none;
19
+ color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
20
+ font-weight: 500;
21
+ font-size: var(--mantine-font-size-sm);
22
+
23
+ @media (max-width: $mantine-breakpoint-sm) {
24
+ height: 42px;
25
+ width: 100%;
26
+ }
27
+
28
+ @mixin hover {
29
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6));
30
+ }
31
+ }
32
+
33
+ .subLink {
34
+ width: 100%;
35
+ padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
36
+ border-radius: var(--mantine-radius-md);
37
+
38
+ @mixin hover {
39
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
40
+ }
41
+ }
42
+
43
+ .dropdownFooter {
44
+ background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
45
+ margin: calc(var(--mantine-spacing-md) * -1);
46
+ margin-top: var(--mantine-spacing-sm);
47
+ padding: var(--mantine-spacing-md) calc(var(--mantine-spacing-md) * 2);
48
+ padding-bottom: var(--mantine-spacing-xl);
49
+ border-top: 1px solid light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-5));
50
+ }
@@ -1,5 +1,5 @@
1
- /* css-module:D:AQ-Projectaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
- ._header_m5ues_1 {
1
+ /* css-module:C:quocthieuaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
+ ._header_15h8e_1 {
3
3
  position: sticky;
4
4
  top: 0;
5
5
  z-index: 1;
@@ -9,7 +9,7 @@
9
9
  padding-right: var(--mantine-spacing-md);
10
10
  border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
11
11
  }
12
- ._link_m5ues_12 {
12
+ ._link_15h8e_23 {
13
13
  display: flex;
14
14
  align-items: center;
15
15
  height: 100%;
@@ -25,13 +25,13 @@
25
25
  }
26
26
  @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
27
27
  }
28
- ._subLink_m5ues_33 {
28
+ ._subLink_15h8e_65 {
29
29
  width: 100%;
30
30
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
31
31
  border-radius: var(--mantine-radius-md);
32
32
  @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
33
33
  }
34
- ._dropdownFooter_m5ues_43 {
34
+ ._dropdownFooter_15h8e_85 {
35
35
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
36
36
  margin: calc(var(--mantine-spacing-md) * -1);
37
37
  margin-top: var(--mantine-spacing-sm);
@@ -66,11 +66,11 @@ import {
66
66
  useS_BasicAppShell,
67
67
  useS_ButtonImport,
68
68
  utils_layout_getItemsWithoutLinks
69
- } from "../chunk-ZSNOMC7O.mjs";
69
+ } from "../chunk-DFZU3RRE.mjs";
70
70
  import "../chunk-Z6OQG54Q.mjs";
71
+ import "../chunk-Y3YGC5IH.mjs";
71
72
  import "../chunk-5U2JSHSJ.mjs";
72
73
  import "../chunk-7ZCOFATU.mjs";
73
- import "../chunk-Y3YGC5IH.mjs";
74
74
  import "../chunk-FWCSY2DS.mjs";
75
75
  export {
76
76
  AQButtonCreateByImportFile,
@@ -1,4 +1,4 @@
1
- .title {
2
- font-family: Greycliff CF, var(--mantine-font-family);
3
- font-weight: 900;
4
- }
1
+ .title {
2
+ font-family: Greycliff CF, var(--mantine-font-family);
3
+ font-weight: 900;
4
+ }
@@ -1,5 +1,5 @@
1
- /* css-module:D:AQ-Projectaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
- ._header_m5ues_1 {
1
+ /* css-module:C:quocthieuaq-fe-frameworksrccomponentsLayoutsHeaderMegaMenucss.module.css\#css-module-data */
2
+ ._header_15h8e_1 {
3
3
  position: sticky;
4
4
  top: 0;
5
5
  z-index: 1;
@@ -9,7 +9,7 @@
9
9
  padding-right: var(--mantine-spacing-md);
10
10
  border-bottom: 1px solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
11
11
  }
12
- ._link_m5ues_12 {
12
+ ._link_15h8e_23 {
13
13
  display: flex;
14
14
  align-items: center;
15
15
  height: 100%;
@@ -25,13 +25,13 @@
25
25
  }
26
26
  @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-6)); }
27
27
  }
28
- ._subLink_m5ues_33 {
28
+ ._subLink_15h8e_65 {
29
29
  width: 100%;
30
30
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
31
31
  border-radius: var(--mantine-radius-md);
32
32
  @mixin hover { background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7)); }
33
33
  }
34
- ._dropdownFooter_m5ues_43 {
34
+ ._dropdownFooter_15h8e_85 {
35
35
  background-color: light-dark(var(--mantine-color-gray-0), var(--mantine-color-dark-7));
36
36
  margin: calc(var(--mantine-spacing-md) * -1);
37
37
  margin-top: var(--mantine-spacing-sm);
@@ -25,11 +25,14 @@ import {
25
25
  groupToTwoLevels,
26
26
  useS_authenticate,
27
27
  utils_layout_getItemsWithoutLinks
28
- } from "../chunk-ZSNOMC7O.mjs";
28
+ } from "../chunk-DFZU3RRE.mjs";
29
29
  import {
30
30
  baseAxios_default,
31
31
  useQ_AQ_GetAQModule
32
32
  } from "../chunk-Z6OQG54Q.mjs";
33
+ import {
34
+ createGenericStore
35
+ } from "../chunk-Y3YGC5IH.mjs";
33
36
  import {
34
37
  U0DateToDDMMYYYString,
35
38
  U0MyValidateEmail,
@@ -40,9 +43,6 @@ import "../chunk-5U2JSHSJ.mjs";
40
43
  import {
41
44
  utils_notification_show
42
45
  } from "../chunk-7ZCOFATU.mjs";
43
- import {
44
- createGenericStore
45
- } from "../chunk-Y3YGC5IH.mjs";
46
46
  import {
47
47
  __objRest,
48
48
  __spreadProps,
@@ -3846,7 +3846,7 @@ function F_authenticate_SplashPage() {
3846
3846
  return /* @__PURE__ */ jsx74(MyBoxesBackground, { title: "H\u1EC7 th\u1ED1ng th\xF4ng tin qu\u1EA3n l\xED \u0111\xE0o t\u1EA1o ng\u1EAFn h\u1EA1n" });
3847
3847
  }
3848
3848
 
3849
- // src/modules-features/authenticate/F_authenticate_Login/F_authenticate_Login.tsx
3849
+ // src/modules-features/authenticate/F_Authenticate_Login/F_authenticate_Login.tsx
3850
3850
  import {
3851
3851
  Anchor,
3852
3852
  BackgroundImage,
@@ -1,21 +1,21 @@
1
- .input {
2
- &[data-variant="underline"] {
3
- border: 2px solid transparent;
4
- border-radius: 5px;
5
- padding-left: 8px;
6
- padding-right: 8px;
7
- background-color: white;
8
-
9
- &:focus,
10
- &:focus-visible {
11
- border-color: var(--mantine-color-gray-5);
12
- outline: none;
13
- }
14
-
15
- &:active {
16
- border-color: var(--mantine-color-gray-5);
17
- }
18
-
19
- transition: border-color 0.2s ease-in-out;
20
- }
21
- }
1
+ .input {
2
+ &[data-variant="underline"] {
3
+ border: 2px solid transparent;
4
+ border-radius: 5px;
5
+ padding-left: 8px;
6
+ padding-right: 8px;
7
+ background-color: white;
8
+
9
+ &:focus,
10
+ &:focus-visible {
11
+ border-color: var(--mantine-color-gray-5);
12
+ outline: none;
13
+ }
14
+
15
+ &:active {
16
+ border-color: var(--mantine-color-gray-5);
17
+ }
18
+
19
+ transition: border-color 0.2s ease-in-out;
20
+ }
21
+ }
package/package.json CHANGED
@@ -1,141 +1,141 @@
1
- {
2
- "name": "aq-fe-framework",
3
- "exports": {
4
- "./utils": {
5
- "import": "./dist/utils/index.mjs",
6
- "types": "./dist/utils/index.d.mts"
7
- },
8
- "./components": {
9
- "import": "./dist/components/index.mjs",
10
- "types": "./dist/components/index.d.mts"
11
- },
12
- "./stores": {
13
- "import": "./dist/stores/index.mjs",
14
- "types": "./dist/stores/index.d.mts"
15
- },
16
- "./modules-features": {
17
- "import": "./dist/modules-features/index.mjs",
18
- "types": "./dist/modules-features/index.d.mts"
19
- },
20
- "./hooks": {
21
- "import": "./dist/hooks/index.mjs",
22
- "types": "./dist/hooks/index.d.mts"
23
- }
24
- },
25
- "version": "0.1.176",
26
- "private": false,
27
- "files": [
28
- "dist",
29
- "dist/**/*.css"
30
- ],
31
- "scripts": {
32
- "deploy": "node deploy.js",
33
- "update-mantine": "npx npm-check-updates @mantine/* @mantinex/* postcss-preset-mantine -u",
34
- "dev": "next dev --turbopack -p 3000",
35
- "build-next": "next build",
36
- "gen": "barrelsby --config barrelsby.json",
37
- "build": "tsup --tsconfig tsconfig.lib.json && cpx \"src/**/*.module.css\" dist",
38
- "start": "next start",
39
- "lint": "next lint",
40
- "debug": "next dev -p 3003"
41
- },
42
- "dependencies": {
43
- "@fullcalendar/core": "^6.1.15",
44
- "@fullcalendar/daygrid": "^6.1.15",
45
- "@fullcalendar/react": "^6.1.15",
46
- "@mantine/carousel": "^8.0.0",
47
- "@mantine/charts": "^8.0.0",
48
- "@mantine/code-highlight": "^8.0.0",
49
- "@mantine/core": "^8.0.0",
50
- "@mantine/dates": "^8.0.0",
51
- "@mantine/dropzone": "^8.0.0",
52
- "@mantine/form": "^8.0.0",
53
- "@mantine/hooks": "^8.0.0",
54
- "@mantine/modals": "^8.0.0",
55
- "@mantine/notifications": "^8.0.0",
56
- "@mantine/nprogress": "^8.0.0",
57
- "@mantine/spotlight": "^8.0.0",
58
- "@mantine/tiptap": "^8.0.0",
59
- "@mantinex/mantine-logo": "^2.0.0",
60
- "@schedule-x/event-modal": "^2.12.1",
61
- "@schedule-x/events-service": "^2.28.0",
62
- "@schedule-x/react": "^2.28.0",
63
- "@schedule-x/theme-default": "^2.28.0",
64
- "@tabler/icons-react": "^3.26.0",
65
- "@tanstack/react-query": "^5.62.8",
66
- "@tanstack/react-query-devtools": "^5.69.0",
67
- "@tiptap-pro/extension-file-handler": "^2.14.0",
68
- "@tiptap/extension-highlight": "^2.9.1",
69
- "@tiptap/extension-image": "^2.9.1",
70
- "@tiptap/extension-link": "^2.9.1",
71
- "@tiptap/extension-subscript": "^2.9.1",
72
- "@tiptap/extension-superscript": "^2.9.1",
73
- "@tiptap/extension-text-align": "^2.9.1",
74
- "@tiptap/extension-underline": "^2.9.1",
75
- "@tiptap/pm": "^2.9.1",
76
- "@tiptap/react": "^2.9.1",
77
- "@tiptap/starter-kit": "^2.9.1",
78
- "autoprefixer": "^10.4.20",
79
- "axios": "^1.7.7",
80
- "clsx": "^2.1.1",
81
- "dayjs": "^1.11.13",
82
- "docxtemplater": "^3.54.1",
83
- "embla-carousel-react": "^7.1.0",
84
- "esbuild-css-modules-plugin": "^3.1.4",
85
- "exceljs": "^4.4.0",
86
- "export-to-csv": "^1.4.0",
87
- "file-saver": "^2.0.5",
88
- "framer-motion": "^11.11.11",
89
- "fs-extra": "^11.2.0",
90
- "glob": "^11.0.2",
91
- "json-server": "^1.0.0-beta.3",
92
- "ldrs": "^1.0.2",
93
- "lodash.debounce": "^4.0.8",
94
- "mantine-react-table": "^2.0.0-beta.7",
95
- "next": "15.0.3",
96
- "pako": "^2.1.0",
97
- "pizzip": "^3.1.7",
98
- "react": "^17.0.0 || ^18.0.0",
99
- "react-dom": "^17.0.0 || ^18.0.0",
100
- "react-to-print": "^3.0.6",
101
- "recharts": "^2.13.3",
102
- "sass": "^1.82.0",
103
- "tailwind-merge": "^2.5.4",
104
- "xlsx": "^0.18.5",
105
- "zustand": "^5.0.1"
106
- },
107
- "devDependencies": {
108
- "@types/file-saver": "^2.0.7",
109
- "@types/node": "^20.17.30",
110
- "@types/pako": "^2.0.3",
111
- "@types/react": "^18.3.20",
112
- "@types/react-dom": "^18",
113
- "barrelsby": "^2.8.1",
114
- "cpx": "^1.5.0",
115
- "esbuild-plugin-css-modules": "^0.3.0",
116
- "eslint": "^8",
117
- "eslint-config-next": "15.0.3",
118
- "postcss": "^8.5.3",
119
- "postcss-modules": "^6.0.1",
120
- "postcss-preset-mantine": "^1.17.0",
121
- "postcss-simple-vars": "^7.0.1",
122
- "tailwindcss": "^3.4.1",
123
- "tsup": "^8.4.0",
124
- "typescript": "^5.8.3"
125
- },
126
- "peerDependencies": {
127
- "react": "^17.0.0 || ^18.0.0",
128
- "react-dom": "^17.0.0 || ^18.0.0"
129
- },
130
- "description": "",
131
- "repository": {
132
- "type": "git",
133
- "url": "git+https://github.com/TranQuocThieu22/aq-fe-framework.git"
134
- },
135
- "author": "Quốc Thiệu",
136
- "license": "ISC",
137
- "bugs": {
138
- "url": "https://github.com/TranQuocThieu22/aq-fe-framework/issues"
139
- },
140
- "homepage": "https://github.com/TranQuocThieu22/aq-fe-framework#readme"
141
- }
1
+ {
2
+ "name": "aq-fe-framework",
3
+ "exports": {
4
+ "./utils": {
5
+ "import": "./dist/utils/index.mjs",
6
+ "types": "./dist/utils/index.d.mts"
7
+ },
8
+ "./components": {
9
+ "import": "./dist/components/index.mjs",
10
+ "types": "./dist/components/index.d.mts"
11
+ },
12
+ "./stores": {
13
+ "import": "./dist/stores/index.mjs",
14
+ "types": "./dist/stores/index.d.mts"
15
+ },
16
+ "./modules-features": {
17
+ "import": "./dist/modules-features/index.mjs",
18
+ "types": "./dist/modules-features/index.d.mts"
19
+ },
20
+ "./hooks": {
21
+ "import": "./dist/hooks/index.mjs",
22
+ "types": "./dist/hooks/index.d.mts"
23
+ }
24
+ },
25
+ "version": "0.1.177",
26
+ "private": false,
27
+ "files": [
28
+ "dist",
29
+ "dist/**/*.css"
30
+ ],
31
+ "scripts": {
32
+ "deploy": "node deploy.js",
33
+ "update-mantine": "npx npm-check-updates @mantine/* @mantinex/* postcss-preset-mantine -u",
34
+ "dev": "next dev --turbopack -p 3000",
35
+ "build-next": "next build",
36
+ "gen": "barrelsby --config barrelsby.json",
37
+ "build": "tsup --tsconfig tsconfig.lib.json && cpx \"src/**/*.module.css\" dist",
38
+ "start": "next start",
39
+ "lint": "next lint",
40
+ "debug": "next dev -p 3003"
41
+ },
42
+ "dependencies": {
43
+ "@fullcalendar/core": "^6.1.15",
44
+ "@fullcalendar/daygrid": "^6.1.15",
45
+ "@fullcalendar/react": "^6.1.15",
46
+ "@mantine/carousel": "^8.0.0",
47
+ "@mantine/charts": "^8.0.0",
48
+ "@mantine/code-highlight": "^8.0.0",
49
+ "@mantine/core": "^8.0.0",
50
+ "@mantine/dates": "^8.0.0",
51
+ "@mantine/dropzone": "^8.0.0",
52
+ "@mantine/form": "^8.0.0",
53
+ "@mantine/hooks": "^8.0.0",
54
+ "@mantine/modals": "^8.0.0",
55
+ "@mantine/notifications": "^8.0.0",
56
+ "@mantine/nprogress": "^8.0.0",
57
+ "@mantine/spotlight": "^8.0.0",
58
+ "@mantine/tiptap": "^8.0.0",
59
+ "@mantinex/mantine-logo": "^2.0.0",
60
+ "@schedule-x/event-modal": "^2.12.1",
61
+ "@schedule-x/events-service": "^2.28.0",
62
+ "@schedule-x/react": "^2.28.0",
63
+ "@schedule-x/theme-default": "^2.28.0",
64
+ "@tabler/icons-react": "^3.26.0",
65
+ "@tanstack/react-query": "^5.62.8",
66
+ "@tanstack/react-query-devtools": "^5.69.0",
67
+ "@tiptap-pro/extension-file-handler": "^2.14.0",
68
+ "@tiptap/extension-highlight": "^2.9.1",
69
+ "@tiptap/extension-image": "^2.9.1",
70
+ "@tiptap/extension-link": "^2.9.1",
71
+ "@tiptap/extension-subscript": "^2.9.1",
72
+ "@tiptap/extension-superscript": "^2.9.1",
73
+ "@tiptap/extension-text-align": "^2.9.1",
74
+ "@tiptap/extension-underline": "^2.9.1",
75
+ "@tiptap/pm": "^2.9.1",
76
+ "@tiptap/react": "^2.9.1",
77
+ "@tiptap/starter-kit": "^2.9.1",
78
+ "autoprefixer": "^10.4.20",
79
+ "axios": "^1.7.7",
80
+ "clsx": "^2.1.1",
81
+ "dayjs": "^1.11.13",
82
+ "docxtemplater": "^3.54.1",
83
+ "embla-carousel-react": "^7.1.0",
84
+ "esbuild-css-modules-plugin": "^3.1.4",
85
+ "exceljs": "^4.4.0",
86
+ "export-to-csv": "^1.4.0",
87
+ "file-saver": "^2.0.5",
88
+ "framer-motion": "^11.11.11",
89
+ "fs-extra": "^11.2.0",
90
+ "glob": "^11.0.2",
91
+ "json-server": "^1.0.0-beta.3",
92
+ "ldrs": "^1.0.2",
93
+ "lodash.debounce": "^4.0.8",
94
+ "mantine-react-table": "^2.0.0-beta.7",
95
+ "next": "15.0.3",
96
+ "pako": "^2.1.0",
97
+ "pizzip": "^3.1.7",
98
+ "react": "^17.0.0 || ^18.0.0",
99
+ "react-dom": "^17.0.0 || ^18.0.0",
100
+ "react-to-print": "^3.0.6",
101
+ "recharts": "^2.13.3",
102
+ "sass": "^1.82.0",
103
+ "tailwind-merge": "^2.5.4",
104
+ "xlsx": "^0.18.5",
105
+ "zustand": "^5.0.1"
106
+ },
107
+ "devDependencies": {
108
+ "@types/file-saver": "^2.0.7",
109
+ "@types/node": "^20.17.30",
110
+ "@types/pako": "^2.0.3",
111
+ "@types/react": "^18.3.20",
112
+ "@types/react-dom": "^18",
113
+ "barrelsby": "^2.8.1",
114
+ "cpx": "^1.5.0",
115
+ "esbuild-plugin-css-modules": "^0.3.0",
116
+ "eslint": "^8",
117
+ "eslint-config-next": "15.0.3",
118
+ "postcss": "^8.5.3",
119
+ "postcss-modules": "^6.0.1",
120
+ "postcss-preset-mantine": "^1.17.0",
121
+ "postcss-simple-vars": "^7.0.1",
122
+ "tailwindcss": "^3.4.1",
123
+ "tsup": "^8.4.0",
124
+ "typescript": "^5.8.3"
125
+ },
126
+ "peerDependencies": {
127
+ "react": "^17.0.0 || ^18.0.0",
128
+ "react-dom": "^17.0.0 || ^18.0.0"
129
+ },
130
+ "description": "",
131
+ "repository": {
132
+ "type": "git",
133
+ "url": "git+https://github.com/TranQuocThieu22/aq-fe-framework.git"
134
+ },
135
+ "author": "Quốc Thiệu",
136
+ "license": "ISC",
137
+ "bugs": {
138
+ "url": "https://github.com/TranQuocThieu22/aq-fe-framework/issues"
139
+ },
140
+ "homepage": "https://github.com/TranQuocThieu22/aq-fe-framework#readme"
141
+ }
@@ -1,68 +0,0 @@
1
- .navbar {
2
- height: rem(700px);
3
- padding: var(--mantine-spacing-md);
4
- display: flex;
5
- flex-direction: column;
6
- border-right: rem(1px) solid
7
- light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
8
- }
9
-
10
- .navbarMain {
11
- flex: 1;
12
- }
13
-
14
- .header {
15
- padding-bottom: var(--mantine-spacing-md);
16
- margin-bottom: calc(var(--mantine-spacing-md) * 1.5);
17
- border-bottom: rem(1px) solid
18
- light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
19
- }
20
-
21
- .footer {
22
- padding-top: var(--mantine-spacing-md);
23
- margin-top: var(--mantine-spacing-md);
24
- border-top: rem(1px) solid
25
- light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
26
- }
27
-
28
- .link {
29
- display: flex;
30
- align-items: center;
31
- text-decoration: none;
32
- font-size: var(--mantine-font-size-sm);
33
- color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
34
- padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
35
- border-radius: var(--mantine-radius-sm);
36
- font-weight: 500;
37
-
38
- @mixin hover {
39
- background-color: light-dark(
40
- var(--mantine-color-gray-0),
41
- var(--mantine-color-dark-6)
42
- );
43
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
44
-
45
- .linkIcon {
46
- color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
47
- }
48
- }
49
-
50
- &[data-active] {
51
- &,
52
- &:hover {
53
- background-color: var(--mantine-color-blue-light);
54
- color: var(--mantine-color-blue-light-color);
55
-
56
- .linkIcon {
57
- color: var(--mantine-color-blue-light-color);
58
- }
59
- }
60
- }
61
- }
62
-
63
- .linkIcon {
64
- color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-2));
65
- margin-right: var(--mantine-spacing-sm);
66
- width: rem(25px);
67
- height: rem(25px);
68
- }