mirror of
https://github.com/xpltdco/media-rip.git
synced 2026-04-03 02:53:58 -06:00
Invalid URL display, password mismatch hint
- Invalid URL error shows in preview-styled box instead of alongside
format picker. Options panel hidden when URL is invalid.
- Password mismatch warning ('Passwords don't match') shown live
below confirm field when values differ.
This commit is contained in:
parent
3d778246ca
commit
74ff9d3c08
2 changed files with 20 additions and 3 deletions
|
|
@ -339,6 +339,12 @@ function formatFilesize(bytes: number | null): string {
|
|||
class="settings-input"
|
||||
@keydown.enter="changePassword"
|
||||
/>
|
||||
<span
|
||||
v-if="confirmPassword && newPassword && confirmPassword !== newPassword"
|
||||
class="password-mismatch"
|
||||
>
|
||||
Passwords don't match
|
||||
</span>
|
||||
</div>
|
||||
<div class="settings-actions" style="margin-top: var(--space-sm);">
|
||||
<button
|
||||
|
|
@ -618,6 +624,11 @@ h3 {
|
|||
font-weight: 500;
|
||||
}
|
||||
|
||||
.password-mismatch {
|
||||
color: var(--color-warning);
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
/* Expandable session rows */
|
||||
.session-row.clickable {
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -393,7 +393,8 @@ function formatTooltip(fmt: string): string {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div v-if="analyzeError" class="extract-error">
|
||||
<!-- Error feedback — shown in preview area style -->
|
||||
<div v-if="analyzeError && !isAnalyzing" class="url-preview error-preview">
|
||||
{{ analyzeError }}
|
||||
</div>
|
||||
|
||||
|
|
@ -405,9 +406,9 @@ function formatTooltip(fmt: string): string {
|
|||
{{ store.submitError }}
|
||||
</div>
|
||||
|
||||
<!-- Collapsible options panel -->
|
||||
<!-- Collapsible options panel (hidden when URL is invalid) -->
|
||||
<Transition name="options-slide">
|
||||
<div v-if="showOptions" class="options-panel">
|
||||
<div v-if="showOptions && !analyzeError" class="options-panel">
|
||||
<!-- Output format selector -->
|
||||
<div class="format-selector">
|
||||
<label class="format-label">Output format</label>
|
||||
|
|
@ -658,6 +659,11 @@ button:disabled {
|
|||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.url-preview.error-preview {
|
||||
color: var(--color-error);
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.preview-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue