Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-9260 - Component Management UI

Browse Source
This commit is contained in:
Valentin Mihai 2024-08-12 20:54:30 +03:00
parent ddbef9bd11
commit 6e115038b0
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.html
View File

@ -27,7 +27,7 @@
</div>
</div>
<div (cdkDropListDropped)="drop($event)" cdkDropList>
<div (cdkDropListDropped)="drop($event)" cdkDropList class="list-content">
@for (component of componentDefinitions; track component) {
<div
class="list-item"

8
apps/red-ui/src/app/modules/admin/screens/component-definitions/component-definitions.component.scss
View File

@ -44,6 +44,7 @@
.content-container {
background-color: var(--iqser-grey-6);
height: 100vh;
.content-header {
display: flex;
@ -62,6 +63,7 @@
.content {
display: flex;
gap: 20px;
overflow: hidden;
.components-list {
flex: 1;
@ -72,6 +74,12 @@
height: 30px;
}
.list-content {
overflow-y: auto;
height: calc(100vh - 30px);
outline: none;
}
.list-item {
height: 80px;
transition: background 0.3s ease;