zwitschi
1262a4a63f
- Removed redundant CSS rules and consolidated styles across dashboard, forms, imports, projects, and scenarios. - Introduced new color variables in theme-default.css for better maintainability and consistency. - Updated existing styles to utilize new color variables, enhancing the overall design. - Improved responsiveness and layout of various components, including tables and cards. - Ensured consistent styling for buttons, links, and headers across the application.
81 lines
1.5 KiB
CSS
81 lines
1.5 KiB
CSS
.import-upload {
|
|
background-color: rgba(21, 27, 35, 0.85);
|
|
background-color: var(--color-surface-overlay);
|
|
border: 1px dashed var(--color-border);
|
|
border-radius: var(--radius);
|
|
padding: 1.5rem;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
|
|
.import-upload__header {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.import-upload__dropzone {
|
|
border: 2px dashed var(--color-border);
|
|
border-radius: var(--radius-sm);
|
|
padding: 2rem;
|
|
text-align: center;
|
|
transition: border-color 0.2s ease, background-color 0.2s ease;
|
|
}
|
|
|
|
.import-upload__dropzone.dragover {
|
|
border-color: #f6c648;
|
|
border-color: var(--color-brand-bright);
|
|
background-color: rgba(241, 178, 26, 0.08);
|
|
background-color: var(--color-highlight);
|
|
}
|
|
|
|
.import-upload__actions {
|
|
display: flex;
|
|
gap: 0.75rem;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.table-cell-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.toast {
|
|
position: fixed;
|
|
right: 1rem;
|
|
bottom: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
padding: 1rem 1.25rem;
|
|
border-radius: var(--radius);
|
|
color: var(--color-text-invert);
|
|
box-shadow: var(--shadow);
|
|
z-index: 1000;
|
|
}
|
|
|
|
.toast.hidden {
|
|
display: none;
|
|
}
|
|
|
|
.toast--success {
|
|
background-color: var(--success);
|
|
background-color: var(--color-success);
|
|
}
|
|
|
|
.toast--error {
|
|
background-color: var(--danger);
|
|
background-color: var(--color-danger);
|
|
}
|
|
|
|
.toast--info {
|
|
background-color: var(--info);
|
|
background-color: var(--color-info);
|
|
}
|
|
|
|
.toast__close {
|
|
background: none;
|
|
border: none;
|
|
color: inherit;
|
|
cursor: pointer;
|
|
font-size: 1.1rem;
|
|
}
|