24 lines
786 B
SCSS
24 lines
786 B
SCSS
.item {
|
|
display: flex;
|
|
align-items: center;
|
|
border-radius: var(--mantine-radius-md);
|
|
border: rem(1px) solid light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-5));
|
|
padding: var(--mantine-spacing-sm) var(--mantine-spacing-xl);
|
|
padding-left: calc(var(--mantine-spacing-xl) - var(--mantine-spacing-md));
|
|
background-color: light-dark(var(--mantine-color-white), var(--mantine-color-dark-5));
|
|
margin-bottom: var(--mantine-spacing-sm);
|
|
}
|
|
|
|
.itemDragging {
|
|
box-shadow: var(--mantine-shadow-sm);
|
|
}
|
|
|
|
.dragHandle {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
color: light-dark(var(--mantine-color-gray-6), var(--mantine-color-dark-1));
|
|
padding-left: var(--mantine-spacing-md);
|
|
padding-right: var(--mantine-spacing-md);
|
|
} |