add base padding to themed-input and fix contact form selector
All checks were successful
deploy / deploy (push) Successful in 1m0s
All checks were successful
deploy / deploy (push) Successful in 1m0s
themed-input had no padding in the base style, so inputs were rendering with browser-default 1px/2px padding. Added 0.5rem 0.75rem as the base. Also fixed the contact form CSS which was targeting .shop-input (a class that doesn't exist on rendered elements) instead of .themed-input. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
781ebc8cd8
commit
cf87c3ff03
@ -1679,8 +1679,7 @@
|
|||||||
color: var(--t-text-primary);
|
color: var(--t-text-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-form .shop-input,
|
.contact-form .themed-input {
|
||||||
.contact-form .shop-textarea {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -249,6 +249,7 @@
|
|||||||
color: var(--t-text-primary);
|
color: var(--t-text-primary);
|
||||||
border: 1px solid var(--t-border-default);
|
border: 1px solid var(--t-border-default);
|
||||||
border-radius: var(--t-radius-input);
|
border-radius: var(--t-radius-input);
|
||||||
|
padding: 0.5rem 0.75rem;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user