feat(ui): redesign upload page into a two-column layout

Redesigns the upload interface to use a two-column grid layout on larger screens, separating the file drop-zone (left) from the upload options (right). This improves usability and visual hierarchy.

Changes include:
- Increasing the upload view max-width to 64rem.
- Creating a responsive `.upload-grid` that collapses to a single column on narrow viewports.
- Stacking option fields vertically in the narrower options panel.
- Adding retro theme support for the new options title.
This commit is contained in:
2026-05-31 16:41:04 +03:00
parent 48d3c0475f
commit 704efb019c
4 changed files with 85 additions and 38 deletions

View File

@@ -257,7 +257,8 @@
margin-bottom: 0;
}
:root[data-theme="retro"] .docs-card h2 {
:root[data-theme="retro"] .docs-card h2,
:root[data-theme="retro"] .upload-options .options-title {
display: flex;
align-items: center;
justify-content: space-between;
@@ -279,7 +280,8 @@
margin: -1.5rem -1.5rem 1rem;
}
:root[data-theme="retro"] .docs-card h2::after {
:root[data-theme="retro"] .docs-card h2::after,
:root[data-theme="retro"] .upload-options .options-title::after {
content: "✕";
display: grid;
place-items: center;