Skip to content
Snippets Groups Projects
Commit 1499b48c authored by Julian's avatar Julian
Browse files

Reimplement compact mode of statistics card

parent 82aa865e
No related branches found
No related tags found
1 merge request!361Resolve "Add statistics page for absences"
Pipeline #193279 failed
......@@ -109,6 +109,17 @@ export default {
});
},
},
computed: {
gridTemplateAreas() {
return this.compact
? `"absences tardinesses extra_marks"
"personal_notes personal_notes personal_notes"`
: `"absences" "tardinesses" "extra_marks"`;
},
gridTemplateColumnsNum() {
return this.compact ? 3 : 1;
},
},
};
</script>
......@@ -116,9 +127,8 @@ export default {
.grid {
display: grid;
max-width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-areas: "absences tardinesses extra_marks"
"personal_notes personal_notes personal_notes";
grid-template-columns: repeat(v-bind(gridTemplateColumnsNum), minmax(0, 1fr));
grid-template-areas: v-bind(gridTemplateAreas);
gap: 0.5em;
}
</style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment