if collection panel in multiview, make width uniform

This commit is contained in:
Ahmed Awan
2025-03-10 13:12:12 -05:00
parent e33fe02ed6
commit b36d2cbd34
2 changed files with 9 additions and 1 deletions
@@ -31,6 +31,7 @@ interface Props {
selectedCollections: CollectionEntry[];
showControls?: boolean;
filterable?: boolean;
multiView?: boolean;
}
const props = withDefaults(defineProps<Props>(), {
@@ -134,7 +135,7 @@ watch(
{{ errorMessageAsString(error) }}
</Alert>
<ExpandedItems v-else v-slot="{ isExpanded, setExpanded }" :scope-key="dsc.id" :get-item-key="getItemKey">
<section class="dataset-collection-panel w-100 d-flex flex-column">
<section class="dataset-collection-panel w-100 d-flex flex-column" :class="{ 'compact-panel': multiView }">
<section>
<CollectionNavigation
:history-name="history.name"
@@ -183,3 +184,9 @@ watch(
</section>
</ExpandedItems>
</template>
<style scoped>
.compact-panel {
max-width: 15rem;
}
</style>
@@ -85,6 +85,7 @@ function onViewCollection(collection: object) {
:history="history"
:selected-collections.sync="selectedCollections"
:show-controls="false"
multi-view
@view-collection="onViewCollection" />
<HistoryPanel