6
6
< meta charset ="UTF-8 " />
7
7
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
8
8
9
- < link rel ="stylesheet " href ="./style.css " />
10
-
11
9
<!-- Include the Tailwind JS file -->
12
10
< script src ="https://cdn.tailwindcss.com "> </ script >
13
- < script type ="module " crossorigin src ="/indexed-db-todo-app-typescript/assets/index-D9lr-Lc7 .js "> </ script >
11
+ < script type ="module " crossorigin src ="/indexed-db-todo-app-typescript/assets/index-BZz1jjAD .js "> </ script >
14
12
</ head >
15
13
< body >
16
14
< div class ="p-10 ">
@@ -30,37 +28,7 @@ <h1 class="text-center font-bold text-3xl pb-10">
30
28
</ tr >
31
29
</ thead >
32
30
33
- < tbody >
34
- < tr class ="border-b dark:border-neutral-500 ">
35
- < td class ="whitespace-nowrap px-6 py-4 font-medium "> 1</ td >
36
-
37
- < td class ="whitespace-nowrap px-6 py-4 "> Todo 1</ td >
38
-
39
- < td class ="whitespace-nowrap px-6 py-4 ">
40
- < img src ="image-path " alt ="Todo Attachment " />
41
- </ td >
42
-
43
- < td class ="whitespace-nowrap px-6 py-4 ">
44
- < button
45
- type ="button "
46
- id ="update-btn "
47
- class ="bg-blue-600 text-neutral-50 px-4 py-2 rounded-lg "
48
- >
49
- Update
50
- </ button >
51
- </ td >
52
-
53
- < td class ="whitespace-nowrap px-6 py-4 ">
54
- < button
55
- type ="button "
56
- id ="delete-btn "
57
- class ="bg-red-600 text-neutral-50 px-4 py-2 rounded-lg "
58
- >
59
- Delete
60
- </ button >
61
- </ td >
62
- </ tr >
63
- </ tbody >
31
+ < tbody id ="table-body "> </ tbody >
64
32
</ table >
65
33
</ div >
66
34
@@ -106,57 +74,5 @@ <h1 class="text-center font-bold text-3xl pb-10">
106
74
</ div >
107
75
</ div >
108
76
109
- < div
110
- class ="main-modal fixed w-full h-100 inset-0 z-50 overflow-hidden flex justify-center items-center animated fadeIn faster "
111
- style ="background: rgba(0, 0, 0, 0.7); display: none "
112
- >
113
- < div
114
- class ="border border-teal-500 shadow-lg modal-container bg-white w-11/12 md:max-w-md mx-auto rounded shadow-lg z-50 overflow-y-auto "
115
- >
116
- < div class ="modal-content py-4 text-left px-6 ">
117
- <!--Title-->
118
- < div class ="flex justify-between items-center pb-3 ">
119
- < p class ="text-2xl font-bold "> Header</ p >
120
-
121
- < div class ="modal-close cursor-pointer z-50 ">
122
- < svg
123
- width ="18 "
124
- height ="18 "
125
- viewBox ="0 0 18 18 "
126
- class ="fill-current text-black "
127
- >
128
- < path
129
- d ="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z "
130
- > </ path >
131
- </ svg >
132
- </ div >
133
- </ div >
134
-
135
- <!--Body-->
136
- < div class ="my-5 ">
137
- < p >
138
- Inliberali Persius Multi iustitia pronuntiaret expeteretur sanos
139
- didicisset laus angusti ferrentur arbitrium arbitramur huic
140
- desiderent.?
141
- </ p >
142
- </ div >
143
-
144
- <!--Footer-->
145
- < div class ="flex justify-end pt-2 ">
146
- < button
147
- class ="focus:outline-none modal-close px-4 bg-gray-400 p-3 rounded-lg text-black hover:bg-gray-300 "
148
- >
149
- Cancel
150
- </ button >
151
- < button
152
- class ="focus:outline-none px-4 bg-teal-500 p-3 ml-3 rounded-lg text-white hover:bg-teal-400 "
153
- >
154
- Confirm
155
- </ button >
156
- </ div >
157
- </ div >
158
- </ div >
159
- </ div >
160
-
161
77
</ body >
162
78
</ html >
0 commit comments