mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-24 23:35:45 +00:00
refactor(FE): Replace hardcoded blue with bg-primary
This commit is contained in:
@@ -49,7 +49,7 @@ function CustomTooltip({ payload, label, active }: CustomTooltipProps) {
|
|||||||
<div className='flex flex-col gap-2 mt-2'>
|
<div className='flex flex-col gap-2 mt-2'>
|
||||||
<div className='flex items-center justify-between'>
|
<div className='flex items-center justify-between'>
|
||||||
<div className='flex items-center gap-2'>
|
<div className='flex items-center gap-2'>
|
||||||
<div className='w-5 h-5 bg-[#0069E0] rounded-md'></div>
|
<div className='w-5 h-5 bg-primary rounded-md'></div>
|
||||||
<span className='text-sm'>Ideal</span>
|
<span className='text-sm'>Ideal</span>
|
||||||
</div>
|
</div>
|
||||||
<span className='text-sm font-medium'>
|
<span className='text-sm font-medium'>
|
||||||
@@ -84,7 +84,7 @@ function CustomTooltip({ payload, label, active }: CustomTooltipProps) {
|
|||||||
<p className='m-0 font-bold text-white/50'>Uniformity 2025</p>
|
<p className='m-0 font-bold text-white/50'>Uniformity 2025</p>
|
||||||
<div className='flex items-center gap-2 mt-2 justify-between'>
|
<div className='flex items-center gap-2 mt-2 justify-between'>
|
||||||
<div className='flex items-center gap-2'>
|
<div className='flex items-center gap-2'>
|
||||||
<div className='w-5 h-5 bg-[#0069E0] rounded-md'></div>
|
<div className='w-5 h-5 bg-primary rounded-md'></div>
|
||||||
<span className='text-sm'>Ideal</span>
|
<span className='text-sm'>Ideal</span>
|
||||||
</div>
|
</div>
|
||||||
<span className='text-sm font-medium'>{chartData.idealRange}</span>
|
<span className='text-sm font-medium'>{chartData.idealRange}</span>
|
||||||
|
|||||||
@@ -619,7 +619,7 @@ const UniformityForm = ({
|
|||||||
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
||||||
<Button
|
<Button
|
||||||
type='button'
|
type='button'
|
||||||
className='rounded-2xl border border-sky-500 bg-[#0069E0] text-white'
|
className='rounded-2xl border border-sky-500 bg-primary text-white'
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
document.getElementById('file-upload-input')?.click();
|
document.getElementById('file-upload-input')?.click();
|
||||||
@@ -643,7 +643,7 @@ const UniformityForm = ({
|
|||||||
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
||||||
<Button
|
<Button
|
||||||
type='button'
|
type='button'
|
||||||
className='rounded-2xl border border-sky-500 bg-[#0069E0] text-white'
|
className='rounded-2xl border border-sky-500 bg-primary text-white'
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
document
|
document
|
||||||
|
|||||||
@@ -68,7 +68,7 @@ const EmptyState = () => {
|
|||||||
<>
|
<>
|
||||||
<div className='absolute inset-0 flex flex-col items-center justify-center z-10 gap-2'>
|
<div className='absolute inset-0 flex flex-col items-center justify-center z-10 gap-2'>
|
||||||
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center my-2'>
|
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center my-2'>
|
||||||
<Button className='rounded-2xl border border-sky-500 bg-[#0069E0] text-white'>
|
<Button className='rounded-2xl border border-sky-500 bg-primary text-white'>
|
||||||
<Icon icon={'heroicons:funnel'} className='text-4xl text-whitd' />
|
<Icon icon={'heroicons:funnel'} className='text-4xl text-whitd' />
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+1
-1
@@ -57,7 +57,7 @@ const UniformityGaugeChartSkeleton: React.FC<
|
|||||||
</ResponsiveContainer>
|
</ResponsiveContainer>
|
||||||
<div className='absolute inset-x-0 top-24 flex flex-col items-center justify-center'>
|
<div className='absolute inset-x-0 top-24 flex flex-col items-center justify-center'>
|
||||||
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center mt-5'>
|
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center mt-5'>
|
||||||
<Button className='rounded-2xl border border-sky-500 bg-[#0069E0] text-white'>
|
<Button className='rounded-2xl border border-sky-500 bg-primary text-white'>
|
||||||
<Icon
|
<Icon
|
||||||
icon={'heroicons:funnel'}
|
icon={'heroicons:funnel'}
|
||||||
className='text-4xl text-whitd'
|
className='text-4xl text-whitd'
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ const UniformityTableSkeleton = () => {
|
|||||||
return (
|
return (
|
||||||
<div className='flex flex-col items-center justify-center gap-2 my-20'>
|
<div className='flex flex-col items-center justify-center gap-2 my-20'>
|
||||||
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
|
||||||
<Button className='rounded-2xl border border-sky-500 bg-[#0069E0] text-white'>
|
<Button className='rounded-2xl border border-sky-500 bg-primary text-white'>
|
||||||
<Icon
|
<Icon
|
||||||
icon={'heroicons-outline:chart-bar'}
|
icon={'heroicons-outline:chart-bar'}
|
||||||
className='text-4xl text-whitd'
|
className='text-4xl text-whitd'
|
||||||
|
|||||||
@@ -763,9 +763,9 @@ const CustomerPaymentTab = () => {
|
|||||||
wrapper: 'w-full rounded-2xl',
|
wrapper: 'w-full rounded-2xl',
|
||||||
body: 'p-0',
|
body: 'p-0',
|
||||||
title:
|
title:
|
||||||
'py-1.5 px-3 bg-[#0069E0] text-white text-lg font-normal',
|
'py-1.5 px-3 bg-primary text-white text-lg font-normal',
|
||||||
subtitle:
|
subtitle:
|
||||||
'px-3 pb-1 bg-[#0069E0] text-white text-sm font-normal',
|
'px-3 pb-1 bg-primary text-white text-sm font-normal',
|
||||||
}}
|
}}
|
||||||
variant='bordered'
|
variant='bordered'
|
||||||
collapsible={true}
|
collapsible={true}
|
||||||
|
|||||||
Reference in New Issue
Block a user