fix: make Post Daily button full-width and mobile-friendly
This commit is contained in:
@@ -546,26 +546,31 @@ body {
|
||||
|
||||
.post-form-wrap textarea { resize: vertical; min-height: 160px; line-height: var(--leading-normal); }
|
||||
|
||||
/* Submit button */
|
||||
/* Submit button — target by class directly so it works regardless of Grav's wrapper markup */
|
||||
.btn-post,
|
||||
.post-form-wrap .form-actions input[type="submit"],
|
||||
.post-form-wrap .form-actions .btn,
|
||||
.post-form-wrap .form-actions button[type="submit"] {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 1rem;
|
||||
min-height: 52px;
|
||||
box-sizing: border-box;
|
||||
padding: 1.1rem 1rem;
|
||||
min-height: 56px;
|
||||
background: var(--color-accent);
|
||||
color: var(--color-accent-on);
|
||||
border: none;
|
||||
border-radius: var(--radius-md);
|
||||
font-family: var(--font-ui);
|
||||
font-size: var(--text-base);
|
||||
font-size: var(--text-md);
|
||||
font-weight: 600;
|
||||
cursor: pointer;
|
||||
transition: background 0.15s;
|
||||
margin-top: var(--space-6);
|
||||
text-align: center;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.btn-post:hover,
|
||||
.post-form-wrap .form-actions input[type="submit"]:hover,
|
||||
.post-form-wrap .form-actions button[type="submit"]:hover { background: var(--color-accent-hover); }
|
||||
|
||||
|
||||
Reference in New Issue
Block a user