Antoine/lhoist-stay-safe__backend-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styling new stats

Browse Source
This commit is contained in:
Antoine M 2024-09-16 16:41:29 +02:00
parent 2e236f4653
commit 222f847198
1 changed files with 27 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
resources/css/pages/stats-dashboard.css
View File

@ -24,9 +24,18 @@
} }
.page-sessions-datas { .page-sessions-datas {
.game_stats { .game_stats,
.rating_stats {
@apply bg-white my-12 !px-16 !py-6; @apply bg-white my-12 !px-16 !py-6;
h2 {
@apply text-3xl font-semibold text-neutral-800 mt-0;
}
h3 {
@apply text-blue-600 uppercase font-bold text-base my-0 tracking-widest mb-4;
}
h4 {
@apply font-normal text-lg font-medium text-slate-400 my-0;
}
box-sizing: border-box; box-sizing: border-box;
.page-title { .page-title {
@ -35,20 +44,12 @@
&__stats-container { &__stats-container {
@apply grid md:grid-cols-2 gap-16 overflow-hidden; @apply grid md:grid-cols-2 gap-16 overflow-hidden;
} }
&__game-title {
@apply text-3xl font-semibold text-neutral-800 mt-0;
}
&__statistics-section { &__statistics-section {
p, p,
li { li {
@apply text-lg text-slate-600; @apply text-lg text-slate-600;
} }
h3 {
@apply text-blue-600 uppercase font-bold text-base my-0 tracking-widest mb-4;
}
h4 {
@apply font-normal text-lg font-medium text-slate-400 my-0;
}
} }
&__scores-distribution { &__scores-distribution {
@ -124,6 +125,15 @@
@apply capitalize; @apply capitalize;
} }
} }
.rating_stats {
@apply grid grid-cols-2;
h2 {
@apply col-span-2;
}
.average-score {
height: fit-content;
}
}
.download-btns { .download-btns {
@apply flex flex-col md:flex-row gap-x-12 gap-y-4 justify-center my-12; @apply flex flex-col md:flex-row gap-x-12 gap-y-4 justify-center my-12;
.dowload-stats { .dowload-stats {
@ -139,6 +149,12 @@
} }
} }
.page-rating-datas {
section {
@apply bg-white my-12 !px-16 !py-6;
}
}
#graphic-rating-repartition,
#graphic-score-repartition { #graphic-score-repartition {
max-height: 400px; max-height: 400px;
@apply w-fit mt-8; @apply w-fit mt-8;