diff options
Diffstat (limited to 'ustayml/static')
| -rw-r--r-- | ustayml/static/img/graph-barras.png | bin | 0 -> 20368 bytes | |||
| -rw-r--r-- | ustayml/static/img/graph-feature_importance.png | bin | 0 -> 57816 bytes | |||
| -rw-r--r-- | ustayml/static/img/graph-pie_chart.png | bin | 0 -> 21570 bytes | |||
| -rw-r--r-- | ustayml/static/img/ss_20231113_190519.png | bin | 0 -> 64134 bytes | |||
| -rw-r--r-- | ustayml/static/style.css | 33 |
5 files changed, 32 insertions, 1 deletions
diff --git a/ustayml/static/img/graph-barras.png b/ustayml/static/img/graph-barras.png Binary files differnew file mode 100644 index 0000000..564d882 --- /dev/null +++ b/ustayml/static/img/graph-barras.png diff --git a/ustayml/static/img/graph-feature_importance.png b/ustayml/static/img/graph-feature_importance.png Binary files differnew file mode 100644 index 0000000..8e509a8 --- /dev/null +++ b/ustayml/static/img/graph-feature_importance.png diff --git a/ustayml/static/img/graph-pie_chart.png b/ustayml/static/img/graph-pie_chart.png Binary files differnew file mode 100644 index 0000000..a9f867b --- /dev/null +++ b/ustayml/static/img/graph-pie_chart.png diff --git a/ustayml/static/img/ss_20231113_190519.png b/ustayml/static/img/ss_20231113_190519.png Binary files differnew file mode 100644 index 0000000..e9dabcd --- /dev/null +++ b/ustayml/static/img/ss_20231113_190519.png diff --git a/ustayml/static/style.css b/ustayml/static/style.css index 3d52059..44da42a 100644 --- a/ustayml/static/style.css +++ b/ustayml/static/style.css @@ -130,7 +130,7 @@ header .action { .tooltip .tooltiptext { visibility: hidden; - width:max-content; + width: max-content; min-width: 10rem; max-width: 60rem; /* white-space: nowrap; */ @@ -237,6 +237,19 @@ header .action { /* student.details */ +.chart { + /* width: 100%; */ + flex-shrink: 1; + overflow: auto; + /* width:min-content; */ +} + +.chart img { + max-width: 100%; + max-height: 100%; + display: block; +} + .student-details-body { display: flex; justify-content: space-between; @@ -290,6 +303,24 @@ ul.data-validation-list li { width: 40%; } +/* dashboard */ + +.dashboard-graphics { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.dashboard-graphics .flex-item { + flex-basis: calc(50% - 10px); /* Each item takes up 50% width minus the gap */ + margin-bottom: 10px; /* Gap between flex items */ + border: 1px solid #ccc; + padding: 20px; + text-align: center; + box-sizing: border-box; /* Include padding and border in item width */ + max-width: 420px; +} + /* post */ .post > header { |
