Add graphicsHEADmaster

1 files changed, 32 insertions, 1 deletions

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 {