62 lines
842 B
SCSS
62 lines
842 B
SCSS
.frames-container {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.frame-content {
|
|
padding: 15px;
|
|
}
|
|
|
|
.particles-list {
|
|
height: 550px;
|
|
overflow-y: auto;
|
|
border: 1px solid #eee;
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.particle-item {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 8px;
|
|
border-bottom: 1px solid #eee;
|
|
gap: 10px;
|
|
}
|
|
|
|
.particle-item-text {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.particle-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.no-particles {
|
|
padding: 20px;
|
|
text-align: center;
|
|
color: var(--color-primairy);
|
|
}
|
|
|
|
.frame-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.add-frame {
|
|
margin-top: 15px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.card-div {
|
|
mat-card {
|
|
background-color: var(--color-primary);
|
|
color: var(--font-color);
|
|
}
|
|
}
|
|
|
|
span {
|
|
color: var(--font-color);
|
|
}
|