style: unify UI elements and improve light theme visibility

This commit is contained in:
2026-03-03 12:33:06 +00:00
parent dff8a2a0ab
commit b1cc8ab5a1
7 changed files with 150 additions and 144 deletions

View File

@@ -122,7 +122,7 @@ onUnmounted(() => {
<textarea
v-model="inputUrl"
placeholder="Paste URL(s) here to clean..."
class="url-input"
class="tool-textarea url-input"
@keydown.enter.prevent="handleClean"
rows="1"
></textarea>
@@ -269,24 +269,10 @@ onUnmounted(() => {
.url-input {
flex: 1;
padding: 0.8rem 1rem;
border-radius: 8px;
border: 1px solid var(--toggle-border);
background: var(--toggle-bg);
color: var(--text-color);
font-size: 1rem;
outline: none;
transition: all 0.2s;
resize: vertical;
min-height: 46px;
min-height: 120px;
font-family: inherit;
}
.url-input:focus {
border-color: var(--primary-accent);
box-shadow: 0 0 0 2px rgba(var(--primary-accent-rgb), 0.2);
}
.watch-toggle {
display: flex;
justify-content: flex-end;