zwitschi
fb6816de00
- Introduced a new CSS file for form styles (forms.css) to enhance form layout and design. - Removed deprecated button styles from imports.css and updated button classes across templates to use the new utility classes. - Updated various templates to reflect the new button styles, ensuring a consistent look and feel throughout the application. - Refactored form-related styles in main.css and removed redundant styles from projects.css and scenarios.css. - Ensured responsive design adjustments for form actions in smaller viewports.
26 lines
1.0 KiB
HTML
26 lines
1.0 KiB
HTML
{% from "partials/components.html" import feedback %}
|
|
|
|
<section class="import-upload" data-import-upload>
|
|
<header class="import-upload__header">
|
|
<h3>{{ title or "Bulk Import" }}</h3>
|
|
{% if description %}<p class="import-upload__description">{{ description }}</p>{% endif %}
|
|
</header>
|
|
|
|
<div class="import-upload__dropzone" data-import-dropzone>
|
|
<span class="icon-upload" aria-hidden="true"></span>
|
|
<p>Drag & drop CSV/XLSX files here or</p>
|
|
<label class="btn btn--secondary">
|
|
Browse
|
|
<input type="file" name="import-file" accept=".csv,.xlsx" hidden />
|
|
</label>
|
|
<p class="import-upload__hint">Maximum size {{ max_size_hint or "10 MB" }}. UTF-8 encoding required.</p>
|
|
</div>
|
|
|
|
<div class="import-upload__actions">
|
|
<button type="button" class="btn btn--primary" data-import-upload-trigger disabled>Upload & Preview</button>
|
|
<button type="button" class="btn btn--secondary" data-import-reset hidden>Reset</button>
|
|
</div>
|
|
|
|
{{ feedback("import-upload-feedback", hidden=True, role="alert") }}
|
|
</section>
|