fix drag and drop max width

This commit is contained in:
Max S 2024-08-13 11:28:02 +02:00
parent 7938e9790a
commit ed75a960c4

View File

@ -1,35 +1,34 @@
@import "@Themes/constants.scss"; @import "@Themes/constants.scss";
.root { .root {
display: flex; display: flex;
max-width: 357px; width: 100%;
width: 100%; gap: var(--spacing-sm, 8px);
gap: var(--spacing-sm, 8px); justify-content: space-between;
justify-content: space-between; align-items: center;
align-items: center;
.content { .content {
display: flex; display: flex;
gap: var(--spacing-sm, 8px); gap: var(--spacing-sm, 8px);
align-items: center; align-items: center;
.file-name { .file-name {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 277px; max-width: 277px;
} }
} }
svg { svg {
min-width: var(--spacing-3, 24px); min-width: var(--spacing-3, 24px);
min-height: var(--spacing-3, 24px); min-height: var(--spacing-3, 24px);
width: var(--spacing-3, 24px); width: var(--spacing-3, 24px);
height: var(--spacing-3, 24px); height: var(--spacing-3, 24px);
stroke: var(--color-primary-500); stroke: var(--color-primary-500);
} }
.error{ .error {
min-width: var(--spacing-3, 24px); min-width: var(--spacing-3, 24px);
min-height: var(--spacing-3, 24px); min-height: var(--spacing-3, 24px);
width: var(--spacing-3, 24px); width: var(--spacing-3, 24px);