albert/ncore-stats
1
0
Fork 0
mirror of https://github.com/skidoodle/ncore-stats.git synced 2025-02-15 05:09:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor history modal styles and chart height

Browse source
This commit is contained in:
skidoodle 2024-10-23 14:00:01 +02:00
parent cf147272cb
commit 56d41d7d3d
Signed by: albert
GPG key ID: A06E3070D7D55BF2
1 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -65,6 +65,7 @@
#historyModal .bg-gray-800 { #historyModal .bg-gray-800 {
background-color: #2c2c2c; background-color: #2c2c2c;
color: #ffffff; color: #ffffff;
overflow-y: auto;
} }
#historyModal button { #historyModal button {
@ -87,6 +88,10 @@
width: 90%; width: 90%;
} }
} }
#historyChart {
height: 300px;
}
</style> </style>
</head> </head>
<body class="p-8 flex flex-col items-center"> <body class="p-8 flex flex-col items-center">
@ -98,18 +103,14 @@
<div <div
id="historyModal" id="historyModal"
class="fixed inset-0 hidden bg-black bg-opacity-50 flex items-center justify-center z-50" class="fixed inset-0 hidden bg-black bg-opacity-50 flex items-center justify-center z-50 mt-6"
aria-hidden="true" aria-hidden="true"
aria-modal="true" aria-modal="true"
tabindex="-1"> tabindex="-1">
<div <div
class="bg-gray-800 rounded-lg p-8 w-11/12 max-w-3xl text-white shadow-lg relative"> class="bg-gray-800 rounded-lg p-8 w-11/12 max-w-3xl text-white shadow-lg relative">
<h2 class="text-2xl mb-6 font-semibold" id="modal-profile-name"> <h2 class="text-2xl mb-6 font-semibold" id="modal-profile-name"></h2>
Historical Data for <span></span> <canvas id="historyChart" height="250"></canvas>
</h2>
<canvas id="historyChart" width="330px" height="300px"></canvas>
<button <button
class="mt-4 px-6 py-2 bg-red-600 hover:bg-red-700 text-white rounded" class="mt-4 px-6 py-2 bg-red-600 hover:bg-red-700 text-white rounded"
onclick="closeModal()"> onclick="closeModal()">