ant-design/scripts/visual-regression/report-template.html

79 lines
1.3 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en">
2023-12-13 20:42:55 +08:00
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Ant Design Visual Diff Report</title>
<link href="https://unpkg.com/antd@latest/dist/reset.css" rel="stylesheet" />
<style>
body {
padding-top: 16px;
padding-bottom: 16px;
}
/* Table Styles */
table {
width: 100%;
border-collapse: collapse;
}
th,
td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
vertical-align: top;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
/* Hover Effect */
tr:hover {
background-color: #e5e5e5;
}
/* Responsive Table */
@media screen and (max-width: 600px) and (min-width: 1px) {
table {
2023-12-13 20:42:55 +08:00
border: 0;
}
th,
td {
2023-12-13 20:42:55 +08:00
display: block;
padding: 6px;
border: none;
}
th {
2023-12-13 20:42:55 +08:00
text-align: left;
background-color: transparent;
}
tr:nth-child(even) {
2023-12-13 20:42:55 +08:00
background-color: transparent;
}
2023-12-13 20:42:55 +08:00
tr:nth-child(odd) {
background-color: transparent;
}
2023-12-13 20:42:55 +08:00
tr:hover {
background-color: transparent;
}
}
</style>
</head>
2023-12-13 20:42:55 +08:00
<body>
{{reportContent}}
</body>
2023-12-13 20:42:55 +08:00
</html>