mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-07 20:40:15 +02:00
add compact styling to LibraryHeader
This commit is contained in:
@@ -56,6 +56,52 @@
|
||||
height: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
&.compact {
|
||||
min-height: unset;
|
||||
padding: var(--theme-spacing-md) var(--theme-spacing-xs);
|
||||
|
||||
:global(.item-image-placeholder) {
|
||||
width: 250px !important;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
.image {
|
||||
width: 250px !important;
|
||||
height: 250px;
|
||||
}
|
||||
|
||||
@container (min-width: $mantine-breakpoint-sm) {
|
||||
grid-template-columns: 200px minmax(0, 1fr);
|
||||
min-height: unset;
|
||||
padding: var(--theme-spacing-md) var(--theme-spacing-sm);
|
||||
|
||||
.image {
|
||||
width: 200px !important;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
:global(.item-image-placeholder) {
|
||||
width: 200px !important;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@container (min-width: $mantine-breakpoint-lg) {
|
||||
grid-template-columns: 200px minmax(0, 1fr);
|
||||
padding: var(--theme-spacing-md) var(--theme-spacing-md);
|
||||
|
||||
.image {
|
||||
width: 200px !important;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
:global(.item-image-placeholder) {
|
||||
width: 200px !important;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.image-section {
|
||||
|
||||
Reference in New Issue
Block a user