Update upload confirmation message and enhance capture message styles
This commit is contained in:
+1
-1
@@ -231,7 +231,7 @@ async function syncQueue() {
|
|||||||
const response = await fetch('/api/notes', { method: 'POST', body: form });
|
const response = await fetch('/api/notes', { method: 'POST', body: form });
|
||||||
if (!response.ok) throw new Error(`Upload failed: ${response.status}`);
|
if (!response.ok) throw new Error(`Upload failed: ${response.status}`);
|
||||||
await deleteQueued(recording.id);
|
await deleteQueued(recording.id);
|
||||||
setMessage('✓', false, true);
|
setMessage('Upload complete', false, true);
|
||||||
} catch {
|
} catch {
|
||||||
setMessage('Upload paused. Your recording is still saved on this device.');
|
setMessage('Upload paused. Your recording is still saved on this device.');
|
||||||
break;
|
break;
|
||||||
|
|||||||
+4
-3
@@ -43,9 +43,10 @@ h1 em { color: var(--moss); font-weight: 500; }
|
|||||||
#record-time { color: var(--muted); font: 12px var(--mono); font-variant-numeric: tabular-nums; }
|
#record-time { color: var(--muted); font: 12px var(--mono); font-variant-numeric: tabular-nums; }
|
||||||
.record-meter { height: 2px; max-width: 590px; margin-inline: auto; background: #e4e3dc; }
|
.record-meter { height: 2px; max-width: 590px; margin-inline: auto; background: #e4e3dc; }
|
||||||
.record-meter span { display: block; height: 100%; width: 0; background: var(--coral); transition: width .25s linear; }
|
.record-meter span { display: block; height: 100%; width: 0; background: var(--coral); transition: width .25s linear; }
|
||||||
.capture-message { height: 20px; max-width: 590px; margin-inline: auto; padding-top: 6px; color: var(--muted); font-size: 11px; text-align: center; }
|
.capture-message { min-height: 20px; max-width: 590px; margin: 8px auto 0; padding-top: 6px; color: var(--muted); font-size: 11px; text-align: center; }
|
||||||
.capture-message.upload-confirmed { color: forestgreen; font-size: 16px; }
|
.capture-message.upload-confirmed { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: forestgreen; font-size: 16px; }
|
||||||
.audio-upload-row { max-width: 590px; margin: 14px auto 0; display: flex; align-items: center; justify-content: center; gap: 12px; }
|
.capture-message.upload-confirmed::after { content: '✓'; color: forestgreen; font-size: 1.05em; line-height: 1; }
|
||||||
|
.audio-upload-row { max-width: 590px; margin: 14px auto 6px; display: flex; align-items: center; justify-content: center; gap: 12px; }
|
||||||
.audio-upload-button { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; border: 1px solid var(--line); padding: 0 12px; color: var(--moss-dark); background: #fffefa; font-size: 12px; cursor: pointer; }
|
.audio-upload-button { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; border: 1px solid var(--line); padding: 0 12px; color: var(--moss-dark); background: #fffefa; font-size: 12px; cursor: pointer; }
|
||||||
.audio-upload-button:hover { border-color: var(--moss); }
|
.audio-upload-button:hover { border-color: var(--moss); }
|
||||||
#audio-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
|
#audio-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; clip-path: inset(50%); }
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
#!/usr/bin/env bash
|
#!/usr/bin/env bash
|
||||||
set -euo pipefail
|
set -euo pipefail
|
||||||
|
|
||||||
image="gitea.faerro.it/andrea/faerro-kb"
|
image="registry.gitea.faerro.it/andrea/faerro-kb"
|
||||||
repo_root="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
|
repo_root="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
|
||||||
bump="patch"
|
bump="patch"
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user