web-remote/src/app/components/themes/themes.component.scss

45 lines
669 B
SCSS

mat-card {
cursor: pointer;
justify-content: center;
}
mat-divider {
border-color: #afafaf;
}
mat-button-toggle-group {
margin-left: 10px;
}
mat-slide-toggle {
margin-left: auto;
padding: 0 40px;
}
img {
width: 100%;
}
.selected {
background-color: rgb(235, 235, 235);
font-weight: 700;
}
.theme-container {
display: grid;
justify-content: space-evenly;
grid-template-columns: repeat(auto-fill, min(220px, 100%));
gap: 1rem;
}
.theme-card {
}
.theme-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.theme-title:hover {
overflow: visible;
white-space: pre-wrap;
}