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

change(ui) - padding in dashboard list and metrics

Browse source
This commit is contained in:
Shekar Siri 2022-08-16 16:23:45 +02:00
parent 260bf0e992
commit e613ee8aea
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -30,7 +30,7 @@ function DashboardList() {
}
>
<div className="mt-3 border-b">
<div className="grid grid-cols-12 py-2 font-medium -mx-2 px-2">
<div className="grid grid-cols-12 py-2 font-medium px-3">
<div className="col-span-8">Title</div>
<div className="col-span-2">Visibility</div>
<div className="col-span-2 text-right">Created</div>

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

@ -22,7 +22,7 @@ function DashboardListItem(props: Props) {
history.push(path);
};
return (
<div className="hover:bg-active-blue cursor-pointer border-t -mx-2 px-2" onClick={onItemClick}>
<div className="hover:bg-active-blue cursor-pointer border-t px-3" onClick={onItemClick}>
<div className="grid grid-cols-12 py-4 select-none">
<div className="col-span-8 flex items-start">
<div className="flex items-center capitalize-first">

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" onClick={onItemClick}>
<div className="grid grid-cols-12 py-4 border-t select-none hover:bg-active-blue cursor-pointer px-3" onClick={onItemClick}>
<div className="col-span-3 flex items-start">
<div className="flex items-center">
<MetricTypeIcon type={metric.metricType} />

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

@ -36,7 +36,7 @@ function MetricsList({ siteId }: { siteId: string }) {
}
>
<div className="mt-3 border-b rounded bg-white">
<div className="grid grid-cols-12 py-2 font-medium">
<div className="grid grid-cols-12 py-2 font-medium px-3">
<div className="col-span-3">Title</div>
<div className="col-span-3">Owner</div>
<div className="col-span-4">Visibility</div>