eleven-solutions-common-website-unique-web 9.0.24 → 9.0.26
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,5 +1,5 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
const TemplateForm = () => {
|
|
3
|
-
return _jsx("div", { children: "
|
|
3
|
+
return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: "Add Template" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Content ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Content" })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Add" }), _jsx("button", { type: "button", className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
|
|
4
4
|
};
|
|
5
5
|
export default TemplateForm;
|
package/package.json
CHANGED
|
@@ -1,7 +1,55 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
3
|
const TemplateForm = () => {
|
|
4
|
-
return
|
|
4
|
+
return (
|
|
5
|
+
<div className="max-w-4xl p-6 mx-auto dark:bg-gray-800">
|
|
6
|
+
<div>
|
|
7
|
+
<form>
|
|
8
|
+
<h1 className="text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4">
|
|
9
|
+
Add Template
|
|
10
|
+
</h1>
|
|
11
|
+
|
|
12
|
+
<div className="mb-6 w-full">
|
|
13
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
14
|
+
Name <span className="text-red-500">*</span>
|
|
15
|
+
</label>
|
|
16
|
+
<input
|
|
17
|
+
required
|
|
18
|
+
type="text"
|
|
19
|
+
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
|
20
|
+
placeholder="Enter Name"
|
|
21
|
+
/>
|
|
22
|
+
</div>
|
|
23
|
+
<div className="mb-6 w-full">
|
|
24
|
+
<label className="text-gray-900 dark:text-gray-200 font-semibold">
|
|
25
|
+
Content <span className="text-red-500">*</span>
|
|
26
|
+
</label>
|
|
27
|
+
<input
|
|
28
|
+
required
|
|
29
|
+
type="text"
|
|
30
|
+
className="w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring"
|
|
31
|
+
placeholder="Enter Content"
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<div className="flex space-x-4 mt-6 justify-end">
|
|
36
|
+
<button
|
|
37
|
+
type="submit"
|
|
38
|
+
className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
|
39
|
+
>
|
|
40
|
+
Add
|
|
41
|
+
</button>
|
|
42
|
+
<button
|
|
43
|
+
type="button"
|
|
44
|
+
className="px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600"
|
|
45
|
+
>
|
|
46
|
+
Cancel
|
|
47
|
+
</button>
|
|
48
|
+
</div>
|
|
49
|
+
</form>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
);
|
|
5
53
|
};
|
|
6
54
|
|
|
7
55
|
export default TemplateForm;
|