diff --git a/src/assets/css/src/2.blocks.dialog.css b/src/assets/css/src/2.blocks.dialog.css index bd44dd9..09a20d1 100644 --- a/src/assets/css/src/2.blocks.dialog.css +++ b/src/assets/css/src/2.blocks.dialog.css @@ -91,11 +91,9 @@ margin-right: var(--dialog-comments-w, 20rem); } .dialog__inner .tracks-header { - height: 3.625rem; - background: var(--color-white-50); + height: 3.75rem; border-radius: var(--rounded-xl); - padding-inline: var(--space-8); - border: var(--border-width) solid var(--color-grey-200); + padding-right: var(--space-8); flex-wrap: nowrap; gap: var(--space-8); position: sticky; @@ -105,15 +103,7 @@ .dialog__inner .tracks { display: flex; gap: var(--space-8); - overflow-x: auto; - padding: var(--space-8) 1.5rem var(--space-8) var(--space-8); - margin: calc(-1 * var(--space-8)); - -webkit-mask-image: linear-gradient( - to left, - rgba(0, 0, 0, 0), - rgba(0, 0, 0, 1) 3rem - ); - mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 3rem); + width: 100%; } /* Windows fix */ [data-browser*='Windows'] .dialog__inner .tracks { diff --git a/src/components/Selector.vue b/src/components/Selector.vue index c9558e0..5c524fc 100644 --- a/src/components/Selector.vue +++ b/src/components/Selector.vue @@ -2,7 +2,7 @@
@@ -62,13 +57,15 @@ function getFrontViewUrl(item) { diff --git a/src/components/project/virtual-sample/DynamicView.vue b/src/components/project/virtual-sample/DynamicView.vue index a26ab48..0dcabff 100644 --- a/src/components/project/virtual-sample/DynamicView.vue +++ b/src/components/project/virtual-sample/DynamicView.vue @@ -40,7 +40,7 @@ v-if="isCompareModeEnabled && activeTracks.length < 2" class="track-empty | bg-white rounded-xl w-full p-32" > -

Cliquez sur la piste que vous souhaitez comparer

+

Sélectionnez sur la piste que vous souhaitez comparer