Fix compare tool file selection and other files improvements (#6133)

This commit is contained in:
Anthony Stirling
2026-04-20 12:53:37 +01:00
committed by GitHub
parent 30aff3236f
commit b4b196556d
15 changed files with 522 additions and 20 deletions
@@ -138,3 +138,15 @@
.landing-btn-icon {
color: var(--accent-interactive) !important;
}
/* Dropzone accept/reject outlines. Mantine 8 no longer supports nested
* `&[data-accept]` selectors inside the `styles` prop object, so these are
* plain CSS attribute selectors on a class applied to the Dropzone root. */
.landing-dropzone[data-accept] {
outline: 2px dashed var(--accent-interactive);
outline-offset: 4px;
}
.landing-dropzone[data-reject] {
outline: 2px dashed var(--mantine-color-red-6);
outline-offset: 4px;
}
@@ -61,20 +61,12 @@ const LandingPage = () => {
activateOnClick={false}
enablePointerEvents
aria-label={terminology.dropFilesHere}
className="flex min-h-0 flex-1 cursor-default flex-col items-center justify-center border-none bg-transparent px-4 py-8 shadow-none outline-none"
className="landing-dropzone flex min-h-0 flex-1 cursor-default flex-col items-center justify-center border-none bg-transparent px-4 py-8 shadow-none outline-none"
styles={{
root: {
border: "none !important",
backgroundColor: "transparent",
overflow: "visible",
"&[data-accept]": {
outline: "2px dashed var(--accent-interactive)",
outlineOffset: 4,
},
"&[data-reject]": {
outline: "2px dashed var(--mantine-color-red-6)",
outlineOffset: 4,
},
},
inner: {
overflow: "visible",