kaze 0.5.0 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. checksums.yaml +4 -4
  2. data/lib/kaze/commands/install_command.rb +8 -0
  3. data/lib/kaze/commands/installs_hotwire_stack.rb +5 -2
  4. data/lib/kaze/commands/installs_inertia_stacks.rb +13 -3
  5. data/lib/kaze/version.rb +1 -1
  6. data/stubs/default/app/forms/auth/login_form.rb +2 -8
  7. data/stubs/default/app/forms/update_profile_information_form.rb +1 -1
  8. data/stubs/default/app/models/auth.rb +57 -0
  9. data/stubs/default/app/models/current.rb +1 -1
  10. data/stubs/default/app/validators/current_password_validator.rb +1 -1
  11. data/stubs/default/app/views/layouts/mailer.html.erb +367 -372
  12. data/stubs/default/app/views/layouts/mailer.text.erb +1 -4
  13. data/stubs/default/app/views/user_mailer/reset_password.html.erb +21 -26
  14. data/stubs/default/test/factories/users.rb +7 -0
  15. data/stubs/default/test/integration/auth/authentication_test.rb +43 -0
  16. data/stubs/default/test/integration/auth/password_reset_test.rb +41 -0
  17. data/stubs/default/test/integration/auth/registration_test.rb +21 -0
  18. data/stubs/default/test/integration/password_update_test.rb +28 -0
  19. data/stubs/default/test/integration/profile_test.rb +51 -0
  20. data/stubs/default/test/test_helper.rb +38 -0
  21. data/stubs/hotwire/app/components/dropdown_component.html.erb +17 -18
  22. data/stubs/hotwire/app/components/modal_component.html.erb +55 -59
  23. data/stubs/hotwire/app/controllers/application_controller.rb +1 -0
  24. data/stubs/hotwire/app/controllers/auth/authenticated_session_controller.rb +10 -7
  25. data/stubs/hotwire/app/controllers/auth/new_password_controller.rb +3 -1
  26. data/stubs/hotwire/app/controllers/auth/password_reset_link_controller.rb +3 -1
  27. data/stubs/hotwire/app/controllers/auth/registered_user_controller.rb +4 -2
  28. data/stubs/hotwire/app/controllers/concerns/authenticate.rb +5 -20
  29. data/stubs/hotwire/app/controllers/concerns/redirect_if_authenticated.rb +19 -0
  30. data/stubs/hotwire/app/controllers/concerns/set_current_auth.rb +9 -0
  31. data/stubs/hotwire/app/controllers/password_controller.rb +1 -1
  32. data/stubs/hotwire/app/controllers/profile_controller.rb +6 -4
  33. data/stubs/hotwire/app/controllers/welcome_controller.rb +1 -1
  34. data/stubs/hotwire/app/javascript/application.js +3 -3
  35. data/stubs/hotwire/app/views/auth/forgot_password.html.erb +12 -17
  36. data/stubs/hotwire/app/views/auth/login.html.erb +0 -9
  37. data/stubs/hotwire/app/views/auth/register.html.erb +0 -13
  38. data/stubs/hotwire/app/views/auth/reset_password.html.erb +0 -7
  39. data/stubs/hotwire/app/views/dashboard/index.html.erb +9 -10
  40. data/stubs/hotwire/app/views/layouts/_navigation.html.erb +77 -87
  41. data/stubs/hotwire/app/views/layouts/application.html.erb +0 -9
  42. data/stubs/hotwire/app/views/layouts/guest.html.erb +0 -6
  43. data/stubs/hotwire/app/views/profile/edit.html.erb +19 -22
  44. data/stubs/hotwire/app/views/profile/partials/_delete_user_form.html.erb +32 -42
  45. data/stubs/hotwire/app/views/profile/partials/_update_password_form.html.erb +42 -55
  46. data/stubs/hotwire/app/views/profile/partials/_update_profile_information_form.html.erb +36 -46
  47. data/stubs/hotwire/app/views/welcome/index.html.erb +34 -46
  48. data/stubs/hotwire/config/tailwind.config.js +2 -2
  49. data/stubs/inertia-common/app/controllers/application_controller.rb +1 -0
  50. data/stubs/inertia-common/app/controllers/auth/authenticated_session_controller.rb +10 -7
  51. data/stubs/inertia-common/app/controllers/auth/new_password_controller.rb +3 -1
  52. data/stubs/inertia-common/app/controllers/auth/password_reset_link_controller.rb +3 -1
  53. data/stubs/inertia-common/app/controllers/auth/registered_user_controller.rb +4 -2
  54. data/stubs/inertia-common/app/controllers/concerns/authenticate.rb +5 -20
  55. data/stubs/inertia-common/app/controllers/concerns/handle_inertia_requests.rb +1 -1
  56. data/stubs/inertia-common/app/controllers/concerns/redirect_if_authenticated.rb +19 -0
  57. data/stubs/inertia-common/app/controllers/concerns/set_current_auth.rb +9 -0
  58. data/stubs/inertia-common/app/controllers/password_controller.rb +1 -1
  59. data/stubs/inertia-common/app/controllers/profile_controller.rb +5 -3
  60. data/stubs/inertia-common/app/controllers/welcome_controller.rb +1 -1
  61. data/stubs/inertia-common/test/integration/password_update_test.rb +28 -0
  62. data/stubs/inertia-common/test/integration/profile_test.rb +51 -0
  63. data/stubs/inertia-react-ts/app/javascript/Components/ApplicationLogo.tsx +13 -9
  64. data/stubs/inertia-react-ts/app/javascript/Components/Checkbox.tsx +15 -12
  65. data/stubs/inertia-react-ts/app/javascript/Components/DangerButton.tsx +20 -15
  66. data/stubs/inertia-react-ts/app/javascript/Components/Dropdown.tsx +119 -87
  67. data/stubs/inertia-react-ts/app/javascript/Components/InputError.tsx +14 -7
  68. data/stubs/inertia-react-ts/app/javascript/Components/InputLabel.tsx +18 -7
  69. data/stubs/inertia-react-ts/app/javascript/Components/Modal.tsx +60 -60
  70. data/stubs/inertia-react-ts/app/javascript/Components/NavLink.tsx +21 -16
  71. data/stubs/inertia-react-ts/app/javascript/Components/PrimaryButton.tsx +20 -15
  72. data/stubs/inertia-react-ts/app/javascript/Components/ResponsiveNavLink.tsx +19 -14
  73. data/stubs/inertia-react-ts/app/javascript/Components/SecondaryButton.tsx +22 -16
  74. data/stubs/inertia-react-ts/app/javascript/Components/TextInput.tsx +35 -24
  75. data/stubs/inertia-react-ts/app/javascript/Layouts/AuthenticatedLayout.tsx +157 -117
  76. data/stubs/inertia-react-ts/app/javascript/Layouts/GuestLayout.tsx +15 -15
  77. data/stubs/inertia-react-ts/app/javascript/Pages/Auth/ForgotPassword.tsx +52 -49
  78. data/stubs/inertia-react-ts/app/javascript/Pages/Auth/Login.tsx +90 -82
  79. data/stubs/inertia-react-ts/app/javascript/Pages/Auth/Register.tsx +118 -115
  80. data/stubs/inertia-react-ts/app/javascript/Pages/Auth/ResetPassword.tsx +63 -60
  81. data/stubs/inertia-react-ts/app/javascript/Pages/Dashboard.tsx +23 -17
  82. data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Edit.tsx +31 -27
  83. data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.tsx +109 -99
  84. data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.tsx +121 -113
  85. data/stubs/inertia-react-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.tsx +76 -69
  86. data/stubs/inertia-react-ts/app/javascript/Pages/Welcome.tsx +87 -63
  87. data/stubs/inertia-react-ts/app/javascript/entrypoints/application.tsx +32 -25
  88. data/stubs/inertia-react-ts/app/views/layouts/application.html.erb +0 -4
  89. data/stubs/inertia-react-ts/config/tailwind.config.js +2 -2
  90. data/stubs/inertia-react-ts/vite.config.ts +2 -5
  91. data/stubs/inertia-vue-ts/app/javascript/Components/ApplicationLogo.vue +10 -6
  92. data/stubs/inertia-vue-ts/app/javascript/Components/Checkbox.vue +18 -18
  93. data/stubs/inertia-vue-ts/app/javascript/Components/DangerButton.vue +5 -5
  94. data/stubs/inertia-vue-ts/app/javascript/Components/Dropdown.vue +60 -57
  95. data/stubs/inertia-vue-ts/app/javascript/Components/DropdownLink.vue +9 -9
  96. data/stubs/inertia-vue-ts/app/javascript/Components/InputError.vue +7 -7
  97. data/stubs/inertia-vue-ts/app/javascript/Components/InputLabel.vue +6 -6
  98. data/stubs/inertia-vue-ts/app/javascript/Components/Modal.vue +84 -74
  99. data/stubs/inertia-vue-ts/app/javascript/Components/NavLink.vue +12 -12
  100. data/stubs/inertia-vue-ts/app/javascript/Components/PrimaryButton.vue +5 -5
  101. data/stubs/inertia-vue-ts/app/javascript/Components/ResponsiveNavLink.vue +12 -12
  102. data/stubs/inertia-vue-ts/app/javascript/Components/SecondaryButton.vue +13 -13
  103. data/stubs/inertia-vue-ts/app/javascript/Components/TextInput.vue +13 -13
  104. data/stubs/inertia-vue-ts/app/javascript/Layouts/AuthenticatedLayout.vue +168 -136
  105. data/stubs/inertia-vue-ts/app/javascript/Layouts/GuestLayout.vue +15 -13
  106. data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/ForgotPassword.vue +56 -49
  107. data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/Login.vue +78 -72
  108. data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/Register.vue +101 -97
  109. data/stubs/inertia-vue-ts/app/javascript/Pages/Auth/ResetPassword.vue +71 -68
  110. data/stubs/inertia-vue-ts/app/javascript/Pages/Dashboard.vue +22 -14
  111. data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Edit.vue +34 -30
  112. data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/DeleteUserForm.vue +87 -83
  113. data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdatePasswordForm.vue +105 -98
  114. data/stubs/inertia-vue-ts/app/javascript/Pages/Profile/Partials/UpdateProfileInformationForm.vue +69 -59
  115. data/stubs/inertia-vue-ts/app/javascript/Pages/Welcome.vue +74 -47
  116. data/stubs/inertia-vue-ts/app/views/layouts/application.html.erb +0 -4
  117. data/stubs/inertia-vue-ts/config/tailwind.config.js +2 -2
  118. data/stubs/inertia-vue-ts/vite.config.ts +2 -5
  119. metadata +18 -6
  120. data/stubs/hotwire/bin/vite +0 -27
  121. data/stubs/inertia-common/Procfile.dev +0 -3
  122. /data/stubs/{hotwire → default}/Procfile.dev +0 -0
  123. /data/stubs/hotwire/app/javascript/{alpinejs.js → alpinejs.stub} +0 -0
data/stubs/default/app/views/layouts/mailer.html.erb CHANGED
@@ -1,376 +1,371 @@
1
1
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
2
  <html xmlns="http://www.w3.org/1999/xhtml">
3
- <head>
4
- <title><%= ENV.fetch("APP_NAME", "Rails") %></title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7
- <meta name="color-scheme" content="light">
8
- <meta name="supported-color-schemes" content="light">
9
- <style>
10
- /* Base */
11
-
12
- body,
13
- body *:not(html):not(style):not(br):not(tr):not(code) {
14
- box-sizing: border-box;
15
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
16
- 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
17
- position: relative;
18
- }
19
-
20
- body {
21
- -webkit-text-size-adjust: none;
22
- background-color: #ffffff;
23
- color: #718096;
24
- height: 100%;
25
- line-height: 1.4;
26
- margin: 0;
27
- padding: 0;
28
- width: 100% !important;
29
- }
30
-
31
- p,
32
- ul,
33
- ol,
34
- blockquote {
35
- line-height: 1.4;
36
- text-align: left;
37
- }
38
-
39
- a {
40
- color: #3869d4;
41
- }
42
-
43
- a img {
44
- border: none;
45
- }
46
-
47
- /* Typography */
48
-
49
- h1 {
50
- color: #3d4852;
51
- font-size: 18px;
52
- font-weight: bold;
53
- margin-top: 0;
54
- text-align: left;
55
- }
56
-
57
- h2 {
58
- font-size: 16px;
59
- font-weight: bold;
60
- margin-top: 0;
61
- text-align: left;
62
- }
63
-
64
- h3 {
65
- font-size: 14px;
66
- font-weight: bold;
67
- margin-top: 0;
68
- text-align: left;
69
- }
70
-
71
- p {
72
- font-size: 16px;
73
- line-height: 1.5em;
74
- margin-top: 0;
75
- text-align: left;
76
- }
77
-
78
- p.sub {
79
- font-size: 12px;
80
- }
81
-
82
- img {
83
- max-width: 100%;
84
- }
85
-
86
- /* Layout */
87
-
88
- .wrapper {
89
- -premailer-cellpadding: 0;
90
- -premailer-cellspacing: 0;
91
- -premailer-width: 100%;
92
- background-color: #edf2f7;
93
- margin: 0;
94
- padding: 0;
95
- width: 100%;
96
- }
97
-
98
- .content {
99
- -premailer-cellpadding: 0;
100
- -premailer-cellspacing: 0;
101
- -premailer-width: 100%;
102
- margin: 0;
103
- padding: 0;
104
- width: 100%;
105
- }
106
-
107
- /* Header */
108
-
109
- .header {
110
- padding: 25px 0;
111
- text-align: center;
112
- }
113
-
114
- .header a {
115
- color: #3d4852;
116
- font-size: 19px;
117
- font-weight: bold;
118
- text-decoration: none;
119
- }
120
-
121
- /* Logo */
122
-
123
- .logo {
124
- height: 75px;
125
- max-height: 75px;
126
- width: 75px;
127
- }
128
-
129
- /* Body */
130
-
131
- .body {
132
- -premailer-cellpadding: 0;
133
- -premailer-cellspacing: 0;
134
- -premailer-width: 100%;
135
- background-color: #edf2f7;
136
- border-bottom: 1px solid #edf2f7;
137
- border-top: 1px solid #edf2f7;
138
- margin: 0;
139
- padding: 0;
140
- width: 100%;
141
- }
142
-
143
- .inner-body {
144
- -premailer-cellpadding: 0;
145
- -premailer-cellspacing: 0;
146
- -premailer-width: 570px;
147
- background-color: #ffffff;
148
- border-color: #e8e5ef;
149
- border-radius: 2px;
150
- border-width: 1px;
151
- box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015);
152
- margin: 0 auto;
153
- padding: 0;
154
- width: 570px;
155
- }
156
-
157
- /* Subcopy */
158
-
159
- .subcopy {
160
- border-top: 1px solid #e8e5ef;
161
- margin-top: 25px;
162
- padding-top: 25px;
163
- }
164
-
165
- .subcopy p {
166
- font-size: 14px;
167
- }
168
-
169
- /* Footer */
170
-
171
- .footer {
172
- -premailer-cellpadding: 0;
173
- -premailer-cellspacing: 0;
174
- -premailer-width: 570px;
175
- margin: 0 auto;
176
- padding: 0;
177
- text-align: center;
178
- width: 570px;
179
- }
180
-
181
- .footer p {
182
- color: #b0adc5;
183
- font-size: 12px;
184
- text-align: center;
185
- }
186
-
187
- .footer a {
188
- color: #b0adc5;
189
- text-decoration: underline;
190
- }
191
-
192
- /* Tables */
193
-
194
- .table table {
195
- -premailer-cellpadding: 0;
196
- -premailer-cellspacing: 0;
197
- -premailer-width: 100%;
198
- margin: 30px auto;
199
- width: 100%;
200
- }
201
-
202
- .table th {
203
- border-bottom: 1px solid #edeff2;
204
- margin: 0;
205
- padding-bottom: 8px;
206
- }
207
-
208
- .table td {
209
- color: #74787e;
210
- font-size: 15px;
211
- line-height: 18px;
212
- margin: 0;
213
- padding: 10px 0;
214
- }
215
-
216
- .content-cell {
217
- max-width: 100vw;
218
- padding: 32px;
219
- }
220
-
221
- /* Buttons */
222
-
223
- .action {
224
- -premailer-cellpadding: 0;
225
- -premailer-cellspacing: 0;
226
- -premailer-width: 100%;
227
- margin: 30px auto;
228
- padding: 0;
229
- text-align: center;
230
- width: 100%;
231
- }
232
-
233
- .button {
234
- -webkit-text-size-adjust: none;
235
- border-radius: 4px;
236
- color: #fff;
237
- display: inline-block;
238
- overflow: hidden;
239
- text-decoration: none;
240
- }
241
-
242
- .button-blue,
243
- .button-primary {
244
- background-color: #2d3748;
245
- border-bottom: 8px solid #2d3748;
246
- border-left: 18px solid #2d3748;
247
- border-right: 18px solid #2d3748;
248
- border-top: 8px solid #2d3748;
249
- }
250
-
251
- .button-green,
252
- .button-success {
253
- background-color: #48bb78;
254
- border-bottom: 8px solid #48bb78;
255
- border-left: 18px solid #48bb78;
256
- border-right: 18px solid #48bb78;
257
- border-top: 8px solid #48bb78;
258
- }
259
-
260
- .button-red,
261
- .button-error {
262
- background-color: #e53e3e;
263
- border-bottom: 8px solid #e53e3e;
264
- border-left: 18px solid #e53e3e;
265
- border-right: 18px solid #e53e3e;
266
- border-top: 8px solid #e53e3e;
267
- }
268
-
269
- /* Panels */
270
-
271
- .panel {
272
- border-left: #2d3748 solid 4px;
273
- margin: 21px 0;
274
- }
275
-
276
- .panel-content {
277
- background-color: #edf2f7;
278
- color: #718096;
279
- padding: 16px;
280
- }
281
-
282
- .panel-content p {
283
- color: #718096;
284
- }
285
-
286
- .panel-item {
287
- padding: 0;
288
- }
289
-
290
- .panel-item p:last-of-type {
291
- margin-bottom: 0;
292
- padding-bottom: 0;
293
- }
294
-
295
- /* Utilities */
296
-
297
- .break-all {
298
- word-break: break-all;
299
- }
300
-
301
- @media only screen and (max-width: 600px) {
302
- .inner-body {
3
+ <head>
4
+ <title><%= ENV.fetch("APP_NAME", "Rails") %></title>
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7
+ <meta name="color-scheme" content="light">
8
+ <meta name="supported-color-schemes" content="light">
9
+ <style>
10
+ /* Base */
11
+
12
+ body,
13
+ body *:not(html):not(style):not(br):not(tr):not(code) {
14
+ box-sizing: border-box;
15
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
16
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
17
+ position: relative;
18
+ }
19
+
20
+ body {
21
+ -webkit-text-size-adjust: none;
22
+ background-color: #ffffff;
23
+ color: #718096;
24
+ height: 100%;
25
+ line-height: 1.4;
26
+ margin: 0;
27
+ padding: 0;
303
28
  width: 100% !important;
304
- }
305
-
306
- .footer {
307
- width: 100% !important;
308
- }
309
- }
310
-
311
- @media only screen and (max-width: 500px) {
312
- .button {
313
- width: 100% !important;
314
- }
315
- }
316
- </style>
317
- </head>
318
- <body>
319
-
320
- <table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
321
- <tr>
322
- <td align="center">
323
- <table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
324
- <!-- Header -->
325
- <tr>
326
- <td class="header">
327
- <a href="<%= root_url %>" style="display: inline-block;">
328
- <%= ENV.fetch("APP_NAME", "Rails") %>
329
- </a>
330
- </td>
331
- </tr>
332
-
333
- <!-- Email Body -->
334
- <tr>
335
- <td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
336
- <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
337
- <!-- Body content -->
338
- <tr>
339
- <td class="content-cell">
340
- <%= yield %>
341
-
342
- <!-- Subcopy -->
343
- <% if content_for?(:subcopy) %>
344
- <table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation">
345
- <tr>
346
- <td>
347
- <%= yield :subcopy %>
348
- </td>
349
- </tr>
350
- </table>
351
- <% end %>
352
-
353
- </td>
354
- </tr>
355
- </table>
356
- </td>
357
- </tr>
358
-
359
- <!-- Footer -->
360
- <tr>
361
- <td>
362
- <table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
363
- <tr>
364
- <td class="content-cell" align="center">
365
- © <%= Time.new.year %> <%= ENV.fetch("APP_NAME", "Rails") %>. All rights reserved.
366
- </td>
367
- </tr>
368
- </table>
369
- </td>
370
- </tr>
371
- </table>
372
- </td>
373
- </tr>
374
- </table>
375
- </body>
29
+ }
30
+
31
+ p,
32
+ ul,
33
+ ol,
34
+ blockquote {
35
+ line-height: 1.4;
36
+ text-align: left;
37
+ }
38
+
39
+ a {
40
+ color: #3869d4;
41
+ }
42
+
43
+ a img {
44
+ border: none;
45
+ }
46
+
47
+ /* Typography */
48
+
49
+ h1 {
50
+ color: #3d4852;
51
+ font-size: 18px;
52
+ font-weight: bold;
53
+ margin-top: 0;
54
+ text-align: left;
55
+ }
56
+
57
+ h2 {
58
+ font-size: 16px;
59
+ font-weight: bold;
60
+ margin-top: 0;
61
+ text-align: left;
62
+ }
63
+
64
+ h3 {
65
+ font-size: 14px;
66
+ font-weight: bold;
67
+ margin-top: 0;
68
+ text-align: left;
69
+ }
70
+
71
+ p {
72
+ font-size: 16px;
73
+ line-height: 1.5em;
74
+ margin-top: 0;
75
+ text-align: left;
76
+ }
77
+
78
+ p.sub {
79
+ font-size: 12px;
80
+ }
81
+
82
+ img {
83
+ max-width: 100%;
84
+ }
85
+
86
+ /* Layout */
87
+
88
+ .wrapper {
89
+ -premailer-cellpadding: 0;
90
+ -premailer-cellspacing: 0;
91
+ -premailer-width: 100%;
92
+ background-color: #edf2f7;
93
+ margin: 0;
94
+ padding: 0;
95
+ width: 100%;
96
+ }
97
+
98
+ .content {
99
+ -premailer-cellpadding: 0;
100
+ -premailer-cellspacing: 0;
101
+ -premailer-width: 100%;
102
+ margin: 0;
103
+ padding: 0;
104
+ width: 100%;
105
+ }
106
+
107
+ /* Header */
108
+
109
+ .header {
110
+ padding: 25px 0;
111
+ text-align: center;
112
+ }
113
+
114
+ .header a {
115
+ color: #3d4852;
116
+ font-size: 19px;
117
+ font-weight: bold;
118
+ text-decoration: none;
119
+ }
120
+
121
+ /* Logo */
122
+
123
+ .logo {
124
+ height: 75px;
125
+ max-height: 75px;
126
+ width: 75px;
127
+ }
128
+
129
+ /* Body */
130
+
131
+ .body {
132
+ -premailer-cellpadding: 0;
133
+ -premailer-cellspacing: 0;
134
+ -premailer-width: 100%;
135
+ background-color: #edf2f7;
136
+ border-bottom: 1px solid #edf2f7;
137
+ border-top: 1px solid #edf2f7;
138
+ margin: 0;
139
+ padding: 0;
140
+ width: 100%;
141
+ }
142
+
143
+ .inner-body {
144
+ -premailer-cellpadding: 0;
145
+ -premailer-cellspacing: 0;
146
+ -premailer-width: 570px;
147
+ background-color: #ffffff;
148
+ border-color: #e8e5ef;
149
+ border-radius: 2px;
150
+ border-width: 1px;
151
+ box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015);
152
+ margin: 0 auto;
153
+ padding: 0;
154
+ width: 570px;
155
+ }
156
+
157
+ /* Subcopy */
158
+
159
+ .subcopy {
160
+ border-top: 1px solid #e8e5ef;
161
+ margin-top: 25px;
162
+ padding-top: 25px;
163
+ }
164
+
165
+ .subcopy p {
166
+ font-size: 14px;
167
+ }
168
+
169
+ /* Footer */
170
+
171
+ .footer {
172
+ -premailer-cellpadding: 0;
173
+ -premailer-cellspacing: 0;
174
+ -premailer-width: 570px;
175
+ margin: 0 auto;
176
+ padding: 0;
177
+ text-align: center;
178
+ width: 570px;
179
+ }
180
+
181
+ .footer p {
182
+ color: #b0adc5;
183
+ font-size: 12px;
184
+ text-align: center;
185
+ }
186
+
187
+ .footer a {
188
+ color: #b0adc5;
189
+ text-decoration: underline;
190
+ }
191
+
192
+ /* Tables */
193
+
194
+ .table table {
195
+ -premailer-cellpadding: 0;
196
+ -premailer-cellspacing: 0;
197
+ -premailer-width: 100%;
198
+ margin: 30px auto;
199
+ width: 100%;
200
+ }
201
+
202
+ .table th {
203
+ border-bottom: 1px solid #edeff2;
204
+ margin: 0;
205
+ padding-bottom: 8px;
206
+ }
207
+
208
+ .table td {
209
+ color: #74787e;
210
+ font-size: 15px;
211
+ line-height: 18px;
212
+ margin: 0;
213
+ padding: 10px 0;
214
+ }
215
+
216
+ .content-cell {
217
+ max-width: 100vw;
218
+ padding: 32px;
219
+ }
220
+
221
+ /* Buttons */
222
+
223
+ .action {
224
+ -premailer-cellpadding: 0;
225
+ -premailer-cellspacing: 0;
226
+ -premailer-width: 100%;
227
+ margin: 30px auto;
228
+ padding: 0;
229
+ text-align: center;
230
+ width: 100%;
231
+ }
232
+
233
+ .button {
234
+ -webkit-text-size-adjust: none;
235
+ border-radius: 4px;
236
+ color: #fff;
237
+ display: inline-block;
238
+ overflow: hidden;
239
+ text-decoration: none;
240
+ }
241
+
242
+ .button-blue,
243
+ .button-primary {
244
+ background-color: #2d3748;
245
+ border-bottom: 8px solid #2d3748;
246
+ border-left: 18px solid #2d3748;
247
+ border-right: 18px solid #2d3748;
248
+ border-top: 8px solid #2d3748;
249
+ }
250
+
251
+ .button-green,
252
+ .button-success {
253
+ background-color: #48bb78;
254
+ border-bottom: 8px solid #48bb78;
255
+ border-left: 18px solid #48bb78;
256
+ border-right: 18px solid #48bb78;
257
+ border-top: 8px solid #48bb78;
258
+ }
259
+
260
+ .button-red,
261
+ .button-error {
262
+ background-color: #e53e3e;
263
+ border-bottom: 8px solid #e53e3e;
264
+ border-left: 18px solid #e53e3e;
265
+ border-right: 18px solid #e53e3e;
266
+ border-top: 8px solid #e53e3e;
267
+ }
268
+
269
+ /* Panels */
270
+
271
+ .panel {
272
+ border-left: #2d3748 solid 4px;
273
+ margin: 21px 0;
274
+ }
275
+
276
+ .panel-content {
277
+ background-color: #edf2f7;
278
+ color: #718096;
279
+ padding: 16px;
280
+ }
281
+
282
+ .panel-content p {
283
+ color: #718096;
284
+ }
285
+
286
+ .panel-item {
287
+ padding: 0;
288
+ }
289
+
290
+ .panel-item p:last-of-type {
291
+ margin-bottom: 0;
292
+ padding-bottom: 0;
293
+ }
294
+
295
+ /* Utilities */
296
+
297
+ .break-all {
298
+ word-break: break-all;
299
+ }
300
+
301
+ @media only screen and (max-width: 600px) {
302
+ .inner-body {
303
+ width: 100% !important;
304
+ }
305
+
306
+ .footer {
307
+ width: 100% !important;
308
+ }
309
+ }
310
+
311
+ @media only screen and (max-width: 500px) {
312
+ .button {
313
+ width: 100% !important;
314
+ }
315
+ }
316
+ </style>
317
+ </head>
318
+ <body>
319
+ <table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
320
+ <tr>
321
+ <td align="center">
322
+ <table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
323
+ <!-- Header -->
324
+ <tr>
325
+ <td class="header">
326
+ <a href="<%= root_url %>" style="display: inline-block;">
327
+ <%= ENV.fetch("APP_NAME", "Rails") %>
328
+ </a>
329
+ </td>
330
+ </tr>
331
+ <!-- Email Body -->
332
+ <tr>
333
+ <td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
334
+ <table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
335
+ <!-- Body content -->
336
+ <tr>
337
+ <td class="content-cell">
338
+ <%= yield %>
339
+ <!-- Subcopy -->
340
+ <% if content_for?(:subcopy) %>
341
+ <table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation">
342
+ <tr>
343
+ <td>
344
+ <%= yield :subcopy %>
345
+ </td>
346
+ </tr>
347
+ </table>
348
+ <% end %>
349
+ </td>
350
+ </tr>
351
+ </table>
352
+ </td>
353
+ </tr>
354
+ <!-- Footer -->
355
+ <tr>
356
+ <td>
357
+ <table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
358
+ <tr>
359
+ <td class="content-cell" align="center">
360
+ © <%= Time.new.year %> <%= ENV.fetch("APP_NAME", "Rails") %>. All rights reserved.
361
+ </td>
362
+ </tr>
363
+ </table>
364
+ </td>
365
+ </tr>
366
+ </table>
367
+ </td>
368
+ </tr>
369
+ </table>
370
+ </body>
376
371
  </html>