|
4 | 4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
5 | 5 | <meta name="format-detection" content="telephone=no,date=no,address=no,email=no,url=no"> |
6 | 6 | <title>{{.Subject}}</title> |
7 | | - <style> |
8 | | - body { |
9 | | - background-color: #f5f7fa; |
10 | | - margin: 20px; |
11 | | - } |
12 | | - |
13 | | - h2, h3 { |
14 | | - color: #2c3e50; |
15 | | - margin-bottom: 20px; |
16 | | - } |
17 | | - |
18 | | - ul { |
19 | | - list-style: none; |
20 | | - padding: 0; |
21 | | - margin: 0 0 30px 0; |
22 | | - } |
23 | | - |
24 | | - li { |
25 | | - background-color: #ffffff; |
26 | | - border: 1px solid #ddd; |
27 | | - border-radius: 6px; |
28 | | - padding: 12px 16px; |
29 | | - margin-bottom: 10px; |
30 | | - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); |
31 | | - transition: box-shadow 0.2s ease; |
32 | | - } |
33 | | - |
34 | | - li:hover { |
35 | | - box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); |
36 | | - } |
37 | | - |
38 | | - a { |
39 | | - color: #0073e6; |
40 | | - text-decoration: none; |
41 | | - font-weight: bold; |
42 | | - } |
43 | | - |
44 | | - a:hover { |
45 | | - text-decoration: underline; |
46 | | - } |
47 | | - |
48 | | - .button-container { |
49 | | - text-align: center; |
50 | | - margin-top: 30px; |
51 | | - } |
52 | | - |
53 | | - .button-link { |
54 | | - display: inline-block; |
55 | | - background-color: #28a745; |
56 | | - color: #ffffff !important; |
57 | | - text-decoration: none; |
58 | | - padding: 10px 20px; |
59 | | - border-radius: 5px; |
60 | | - font-weight: bold; |
61 | | - box-shadow: 0 2px 4px rgba(0,0,0,0.1); |
62 | | - transition: background-color 0.3s ease; |
63 | | - } |
64 | | - |
65 | | - .button-link:hover { |
66 | | - background-color: #218838; |
67 | | - } |
68 | | - </style> |
69 | 7 | </head> |
70 | | -<body> |
71 | | - <h2> |
72 | | - {{.Repo.FullName}} {{.Run.WorkflowID}}: {{.RunStatusText}} |
| 8 | +<body style="background-color: #f5f7fa; margin: 20px;"> |
| 9 | + |
| 10 | + <h2 style="color: #2c3e50; margin-bottom: 20px;"> |
| 11 | + {{.Repo.FullName}} {{.Run.WorkflowID}}: {{.RunStatusText}} |
73 | 12 | </h2> |
74 | | - <ul> |
| 13 | + |
| 14 | + <ul style="list-style: none; padding: 0; margin: 0 0 30px 0;"> |
75 | 15 | {{range $job := .Jobs}} |
76 | | - <li> |
77 | | - <a href="{{$job.HTMLURL}}"> |
| 16 | + <li style="background-color: #ffffff; border: 1px solid #ddd; border-radius: 6px; padding: 12px 16px; margin-bottom: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: box-shadow 0.2s ease;"> |
| 17 | + <a href="{{$job.HTMLURL}}" style="color: #0073e6; text-decoration: none; font-weight: bold;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'"> |
78 | 18 | {{$job.Status}}: {{$job.Name}}{{if gt $job.Attempt 1}}, Attempt #{{$job.Attempt}}{{end}} |
79 | 19 | </a> |
80 | 20 | </li> |
81 | 21 | {{end}} |
82 | 22 | </ul> |
| 23 | + |
83 | 24 | <br/> |
84 | | - <div class="button-container"> |
85 | | - <a class="button-link" href="{{.Run.HTMLURL}}"> |
| 25 | + |
| 26 | + <div style="text-align: center; margin-top: 30px;"> |
| 27 | + <a href="{{.Run.HTMLURL}}" style="display: inline-block; background-color: #28a745; color: #ffffff !important; text-decoration: none; padding: 10px 20px; border-radius: 5px; font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: background-color 0.3s ease;" onmouseover="this.style.backgroundColor='#218838'" onmouseout="this.style.backgroundColor='#28a745'"> |
86 | 28 | {{.locale.Tr "mail.view_it_on" AppName}} |
87 | 29 | </a> |
88 | 30 | </div> |
| 31 | + |
89 | 32 | </body> |
90 | 33 | </html> |
0 commit comments