jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui) - dashboard list item alignment

Browse source
This commit is contained in:
Shekar Siri 2022-11-04 10:41:46 +01:00
parent 1df54774ad
commit 5330b0a89d
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
View file

@ -77,7 +77,7 @@ function AlertListItem(props: Props) {
className={cn('px-6', !demo ? 'hover:bg-active-blue cursor-pointer border-t' : '')}
onClick={onItemClick}
>
<div className="grid grid-cols-12 py-4 select-none">
<div className="grid grid-cols-12 py-4 select-none items-center">
<div className="col-span-8 flex items-start">
<div className="flex items-center capitalize-first">
<div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">

2
frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
View file

@ -23,7 +23,7 @@ function DashboardListItem(props: Props) {
};
return (
<div className="hover:bg-active-blue cursor-pointer border-t px-6" onClick={onItemClick}>
<div className="grid grid-cols-12 py-4 select-none">
<div className="grid grid-cols-12 py-4 select-none items-center">
<div className="col-span-8 flex items-start">
<div className="flex items-center capitalize-first">
<div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">

2
frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
View file

@ -45,7 +45,7 @@ function MetricListItem(props: Props) {
history.push(path);
};
return (
<div className="grid grid-cols-12 py-4 border-t select-none hover:bg-active-blue cursor-pointer px-6" onClick={onItemClick}>
<div className="grid grid-cols-12 py-4 border-t select-none items-center hover:bg-active-blue cursor-pointer px-6" onClick={onItemClick}>
<div className="col-span-4 flex items-start">
<div className="flex items-center">
<MetricTypeIcon type={metric.metricType} />