JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web/satellite: Fix Usage Report style

Browse Source 
The Usage Report page referenced a nonexistent stylesheet and improperly
imported a font that does not exist in this repository. This change
resolves those issues.

Change-Id: I78006d4a652fd1e32dd4dd146b2287f58a7659d6
This commit is contained in:
Jeremy Wharton 2021-08-06 15:51:28 -05:00 committed by Clement Sam
parent 260a673327
commit 7b152cddec
2 changed files with 62 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
web/satellite/static/reports/usageReport.css Normal file
View File

@ -0,0 +1,61 @@
/* Copyright (C) 2021 Storj Labs, Inc. */
/* See LICENSE for copying information. */
@font-face {
font-family: 'font_regular';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
local(''),
url('/static/static/fonts/inter-v3-latin-regular.woff2') format('woff2'),
url('/static/static/fonts/inter-v3-latin-regular.woff') format('woff'),
url('/static/static/fonts/inter-v3-latin-regular.ttf') format('truetype');
}
body {
margin: 0;
font-family: 'font_regular', sans-serif;
}
table.blueTable {
border: 1px solid #1c6ea4;
background-color: #eee;
width: 100%;
text-align: center;
border-collapse: collapse;
}
table.blueTable td,
table.blueTable th {
border: 1px solid #aaa;
padding: 3px 2px;
}
table.blueTable tbody td {
font-size: 13px;
}
table.blueTable tbody tr:nth-child(even) {
background: #d0e4f5;
}
table.blueTable thead {
background: #1c6ea4;
background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1c6ea4 100%);
background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1c6ea4 100%);
background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1c6ea4 100%);
border-bottom: 2px solid #444;
}
table.blueTable thead th {
font-size: 15px;
font-weight: bold;
color: #fff;
border-left: 2px solid #d0e4f5;
}
table.blueTable thead th:first-child {
border-left: none;
}

38
web/satellite/static/reports/usageReport.html
View File

@ -6,43 +6,7 @@
<head>
<meta charset="UTF-8">
<title>Bucket usage rollups</title>
<link href="/static/static/fonts/font_regular.ttf" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="error.css">
<style>
table.blueTable {
border: 1px solid #1C6EA4;
background-color: #EEEEEE;
width: 100%;
text-align: center;
border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
border: 1px solid #AAAAAA;
padding: 3px 2px;
}
table.blueTable tbody td {
font-size: 13px;
}
table.blueTable tbody tr:nth-child(even) {
background: #D0E4F5;
}
table.blueTable thead {
background: #1C6EA4;
background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
border-bottom: 2px solid #444444;
}
table.blueTable thead th {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
border-left: none;
}
</style>
<link rel="stylesheet" type="text/css" href="/static/static/reports/usageReport.css">
</head>
<body>
<div>