* View a unit page, which has its own URL * Components appear within a unit as full previews. Their top bar shows type icon and title on the left, and draft status (if any), tag count, overflow menu, and drag handle on the right. * Components have an overflow menu within a unit * Components can be selected within a unit * When components are selected, the standard component sidebar appears. The preview tab is hidden, since component previews are visible in the main content area. * Components within a unit full-page view have hover and selected states * Unit sidebar preview. * Frontend implementation Drag-n-drop components to reorder them in unit.
13 lines
301 B
SCSS
13 lines
301 B
SCSS
@import "./component-info/ComponentPreview";
|
|
@import "./components/BaseCard";
|
|
@import "./generic";
|
|
@import "./LibraryAuthoringPage";
|
|
@import "./units";
|
|
|
|
.library-cards-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
grid-gap: 2rem;
|
|
justify-items: center;
|
|
}
|