packages/ui/lib/components/AlbumGrid/styles.scss
@import "../../common.scss";
.album_grid {
display: flex;
flex-flow: column;
justify-content: flex-start;
width: 100%;
height: 100%;
&.loading {
justify-content: center;
align-items: center;
}
&.auto_size {
height: auto;
}
hr {
border: 1px solid rgba($background2, 0.6);
margin: 1em 0;
}
.album_preview {
flex: 0 0 auto;
}
.album_cards {
display: grid;
justify-items: center;
align-items: center;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: auto;
gap: 4px;
overflow-y: auto;
overflow-x: hidden;
}
}