@tecof/theme-editor 0.0.13 → 0.0.15
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/dist/index.js +47 -90
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +48 -91
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +40 -13
- package/package.json +4 -2
package/dist/styles.css
CHANGED
|
@@ -859,6 +859,8 @@
|
|
|
859
859
|
flex-direction: column;
|
|
860
860
|
gap: 10px;
|
|
861
861
|
font-family: 'Inter', system-ui, sans-serif;
|
|
862
|
+
max-width: 100%;
|
|
863
|
+
overflow: hidden;
|
|
862
864
|
}
|
|
863
865
|
|
|
864
866
|
.tecof-upload-empty-state {
|
|
@@ -908,13 +910,15 @@
|
|
|
908
910
|
.tecof-upload-file-item {
|
|
909
911
|
display: flex;
|
|
910
912
|
align-items: center;
|
|
911
|
-
gap:
|
|
912
|
-
padding: 10px
|
|
913
|
+
gap: 10px;
|
|
914
|
+
padding: 8px 10px;
|
|
913
915
|
background: #ffffff;
|
|
914
916
|
border: 1px solid #e4e4e7;
|
|
915
|
-
border-radius:
|
|
917
|
+
border-radius: 10px;
|
|
916
918
|
transition: all 0.2s ease;
|
|
917
919
|
box-shadow: 0 1px 2px rgba(0,0,0,0.04);
|
|
920
|
+
max-width: 100%;
|
|
921
|
+
overflow: hidden;
|
|
918
922
|
}
|
|
919
923
|
|
|
920
924
|
.tecof-upload-file-item:hover {
|
|
@@ -923,13 +927,24 @@
|
|
|
923
927
|
}
|
|
924
928
|
|
|
925
929
|
.tecof-upload-file-thumb {
|
|
926
|
-
width:
|
|
927
|
-
height:
|
|
928
|
-
border-radius:
|
|
929
|
-
|
|
930
|
+
width: 40px;
|
|
931
|
+
height: 40px;
|
|
932
|
+
border-radius: 8px;
|
|
933
|
+
overflow: hidden;
|
|
930
934
|
background: #f4f4f5;
|
|
931
935
|
flex-shrink: 0;
|
|
932
|
-
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
.tecof-upload-file-thumb .tecof-picture-wrapper {
|
|
939
|
+
width: 100%;
|
|
940
|
+
height: 100%;
|
|
941
|
+
}
|
|
942
|
+
|
|
943
|
+
.tecof-upload-file-thumb .tecof-picture-wrapper img {
|
|
944
|
+
width: 100%;
|
|
945
|
+
height: 100%;
|
|
946
|
+
object-fit: cover;
|
|
947
|
+
display: block;
|
|
933
948
|
}
|
|
934
949
|
|
|
935
950
|
.tecof-upload-file-icon {
|
|
@@ -987,7 +1002,7 @@
|
|
|
987
1002
|
.tecof-upload-file-actions {
|
|
988
1003
|
display: flex;
|
|
989
1004
|
align-items: center;
|
|
990
|
-
gap:
|
|
1005
|
+
gap: 1px;
|
|
991
1006
|
flex-shrink: 0;
|
|
992
1007
|
}
|
|
993
1008
|
|
|
@@ -995,12 +1010,12 @@
|
|
|
995
1010
|
display: flex;
|
|
996
1011
|
align-items: center;
|
|
997
1012
|
justify-content: center;
|
|
998
|
-
width:
|
|
999
|
-
height:
|
|
1013
|
+
width: 26px;
|
|
1014
|
+
height: 26px;
|
|
1000
1015
|
color: #a1a1aa;
|
|
1001
1016
|
background: none;
|
|
1002
1017
|
border: none;
|
|
1003
|
-
border-radius:
|
|
1018
|
+
border-radius: 6px;
|
|
1004
1019
|
cursor: pointer;
|
|
1005
1020
|
transition: all 0.15s ease;
|
|
1006
1021
|
}
|
|
@@ -1281,9 +1296,21 @@
|
|
|
1281
1296
|
.tecof-upload-gallery-thumb {
|
|
1282
1297
|
width: 100%;
|
|
1283
1298
|
aspect-ratio: 1;
|
|
1284
|
-
object-fit: cover;
|
|
1285
1299
|
border-radius: 6px;
|
|
1286
1300
|
margin-bottom: 6px;
|
|
1301
|
+
overflow: hidden;
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
.tecof-upload-gallery-thumb .tecof-picture-wrapper {
|
|
1305
|
+
width: 100%;
|
|
1306
|
+
height: 100%;
|
|
1307
|
+
}
|
|
1308
|
+
|
|
1309
|
+
.tecof-upload-gallery-thumb .tecof-picture-wrapper img {
|
|
1310
|
+
width: 100%;
|
|
1311
|
+
height: 100%;
|
|
1312
|
+
object-fit: cover;
|
|
1313
|
+
display: block;
|
|
1287
1314
|
}
|
|
1288
1315
|
|
|
1289
1316
|
.tecof-upload-gallery-file-name {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecof/theme-editor",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.15",
|
|
4
4
|
"description": "React theme editor library for Tecof projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
],
|
|
42
42
|
"scripts": {
|
|
43
43
|
"dev": "tsup src/index.ts --watch --dts --format esm,cjs",
|
|
44
|
+
"dev:preview": "vite --config playground/vite.config.ts",
|
|
44
45
|
"build": "tsup src/index.ts --dts --format esm,cjs && cat node_modules/filepond/dist/filepond.min.css node_modules/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css node_modules/filepond-plugin-image-edit/dist/filepond-plugin-image-edit.css src/doka.min.css src/styles.css > dist/styles.css",
|
|
45
46
|
"lint": "eslint .",
|
|
46
47
|
"test": "vitest",
|
|
@@ -60,6 +61,7 @@
|
|
|
60
61
|
"@storybook/react-vite": "^8.0.0",
|
|
61
62
|
"@types/react": "^19.0.0",
|
|
62
63
|
"@types/react-dom": "^19.0.0",
|
|
64
|
+
"@vitejs/plugin-react": "^4.7.0",
|
|
63
65
|
"browser-image-compression": "^2.0.2",
|
|
64
66
|
"eslint": "^9.0.0",
|
|
65
67
|
"filepond": "^4.32.12",
|
|
@@ -79,4 +81,4 @@
|
|
|
79
81
|
"vaul": "^1.1.2",
|
|
80
82
|
"vitest": "^3.0.0"
|
|
81
83
|
}
|
|
82
|
-
}
|
|
84
|
+
}
|