change(ui): divider styles

This commit is contained in:
Shekar Siri 2023-06-29 09:31:17 +02:00
parent 4ed47f09fd
commit b8bfdd9da1
4 changed files with 7 additions and 3 deletions

View file

@ -7,7 +7,7 @@ const ListItem = ({ field, onEdit, disabled }) => {
return (
<div
className={cn(
'border-t group hover:bg-active-blue flex items-center justify-between py-3 px-5 cursor-pointer',
'group hover:bg-active-blue flex items-center justify-between py-3 px-5 cursor-pointer',
field.index === 0 ? styles.preDefined : '',
{
[styles.disabled]: disabled,

View file

@ -91,7 +91,7 @@ const Sites = ({
const ProjectItem = ({ project }: { project: Project }) => (
<div
key={project.id}
className='grid grid-cols-12 gap-2 w-full group hover:bg-active-blue items-center border-t px-5 py-3'
className='grid grid-cols-12 gap-2 w-full group hover:bg-active-blue items-center px-5 py-3'
>
<div className='col-span-4'>
<div className='flex items-center'>
@ -171,6 +171,8 @@ const Sites = ({
<div className='col-span-2'>Capture Rate</div>
<div className='col-span-3'></div>
</div>
<Divider className='m-0' />
{sliceListPerPage(filteredSites, page - 1, pageSize).map(
(project: Project) => (
<>

View file

@ -60,6 +60,8 @@ function UserList(props: Props) {
<div className="col-span-2"></div>
</div>
<Divider className="m-0" />
{sliceListPerPage(list, userStore.page - 1, userStore.pageSize).map((user: any) => (
<>
<UserListItem

View file

@ -38,7 +38,7 @@ function UserListItem(props: Props) {
} = props;
return (
<div
className="grid grid-cols-12 py-4 px-5 border-t items-center select-none hover:bg-active-blue group cursor-pointer"
className="grid grid-cols-12 py-4 px-5 items-center select-none hover:bg-active-blue group cursor-pointer"
onClick={editHandler}
>
<div className="col-span-5">