style: unify UI elements and improve light theme visibility
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user