Even better dashboard

This commit is contained in:
2025-07-11 03:07:53 +02:00
parent 83fb523efa
commit c077b8c16f
11 changed files with 281 additions and 162 deletions
+64 -52
View File
@@ -1,79 +1,91 @@
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-family: "Roboto";
src: url("assets/font/Roboto-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-family: "Roboto";
src: url("assets/font/Roboto-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
font-family: "Roboto";
src: url("assets/font/Roboto-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
font-family: "Roboto";
src: url("assets/font/Roboto-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('assets/font/Roboto_Condensed-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-family: "Roboto Condensed";
src: url("assets/font/Roboto_Condensed-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Roboto Condensed';
src: url('assets/font/Roboto_Condensed-ExtraLightItalic.ttf') format('truetype');
font-weight: 200;
font-style: italic;
font-family: "Roboto Condensed";
src: url("assets/font/Roboto_Condensed-ExtraLightItalic.ttf")
format("truetype");
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-family: "Roboto";
src: url("assets/font/Roboto-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
font-family: "Roboto";
src: url("assets/font/Roboto-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-family: "Roboto";
src: url("assets/font/Roboto-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-SemiBoldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
font-family: "Roboto";
src: url("assets/font/Roboto-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
font-family: "Roboto";
src: url("assets/font/Roboto-ExtraBold.ttf") format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('assets/font/Roboto-ExtraBoldItalic.ttf') format('truetype');
font-weight: 800;
font-style: italic;
font-family: "Roboto";
src: url("assets/font/Roboto-ExtraBoldItalic.ttf") format("truetype");
font-weight: 800;
font-style: italic;
}
body {
font-family: 'Roboto', 'Roboto Condensed', sans-serif;
font-weight: normal;
font-style: normal;
color: #ffffff;
font-family: "Roboto", "Roboto Condensed", sans-serif;
font-weight: normal;
font-style: normal;
color: black;
}
.line-chart {
width: 100%;
height: 100%;
}
.line-chart-svg {
width: 100%;
height: 100%;
display: block;
}