mirror of
https://github.com/thegeneralist01/archivr
synced 2026-10-09 12:55:00 +02:00
067d766819
The text row shipped with semantic classnames (`capture-text-inputs`, `capture-text-title`, `capture-text-body`, `capture-text-mime`, `capture-text-icon`) but no CSS rules. Falling through to the parent `.capture-row-main` flex-row (`display: flex; align-items: center`) meant the title, textarea, and mime-select stacked as intrinsic-width boxes centered on the tall body, producing a layout where the body floated to the top-right, the title box appeared BELOW it, and the mime selector rendered as an unstyled OS dropdown. Fix: - `.capture-text-row .capture-row-main` uses `align-items: flex-start` so the leading icon and trailing × pin to the top of the block. - `.capture-text-inputs` is now a full-width column-flex container with proper gaps. - `.capture-text-title` reuses the 44px input height and typography of `.capture-input`; `.capture-text-body` gets a 140px min-height, vertical resize, and matching border/focus treatment. - `.capture-text-mime` is styled as a small chip with a custom caret so it matches `.capture-quality` and stops looking like a raw `<select>`. Sits in a right-aligned footer under the body. - `.capture-text-icon` gets a 44px column so it aligns with the title input; remove button gets a small top-margin for the same reason. Rebuilt static bundle bumped as well (`index-BLxoi9rt.css`, `index-CQcpPA_I.js`).
15 lines
515 B
HTML
15 lines
515 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Archivr</title>
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
|
<script type="module" crossorigin src="/assets/index-CQcpPA_I.js"></script>
|
|
<link rel="stylesheet" crossorigin href="/assets/index-BLxoi9rt.css">
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html>
|