chart stylying

This commit is contained in:
hackerESQ
2024-10-18 19:42:53 -05:00
parent 1c774096ab
commit 23615c7309
2 changed files with 6 additions and 6 deletions
@@ -131,7 +131,7 @@
var seriesColor = chartContext.w.config.colors[i];
var legendItem = document.createElement('div');
legendItem.classList.add('flex', 'items-center', 'm-2', 'cursor-pointer');
legendItem.classList.add('flex', 'items-center', 'my-2', 'mr-4', 'cursor-pointer');
legendItem.setAttribute('data-series-index', i);
var colorBox = document.createElement('span');
@@ -105,13 +105,13 @@ new class extends Component {
}; ?>
<x-card class="bg-slate-100 dark:bg-base-200 rounded-lg mb-6">
<div class="flex justify-between items-center mb-2">
<div class="flex flex-col md:flex-row md:justify-between mb-2">
<div class="flex items-center">
<div class="flex flex-col md:flex-row items-start md:items-center">
<h2 class="text-xl mr-4">{{ __('Performance') }}</h2>
<h2 class="text-xl mb-2 md:mb-0 md:mr-4">{{ __('Performance') }}</h2>
<div id="chart-legend-{{ $name }}" class="hidden md:flex space-between"></div>
<div id="chart-legend-{{ $name }}" class="flex space-between whitespace-nowrap mb-2 md:mb-0"></div>
</div>
@@ -120,7 +120,7 @@ new class extends Component {
<x-loading x-show="loading" x-cloak class="text-gray-400 ml-2" />
<x-dropdown title="{{ __('Choose time period') }}" label="{{ $scope }}" class="btn-ghost btn-sm" x-bind:disabled="loading">
<x-dropdown title="{{ __('Choose time period') }}" label="{{ $scope }}" class="btn-xs md:btn-sm btn-outline" x-bind:disabled="loading">
@foreach($scopeOptions as $option)