Space template controls and prevent cancel buttons submitting forms

This commit is contained in:
Pigway
2026-10-02 14:52:57 +08:00
parent 42ae00268b
commit 68b7b6fc0a
6 changed files with 43 additions and 4 deletions
+14
View File
@@ -24,3 +24,17 @@ details[open]>summary{margin-bottom:16px}
#password-form{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}
#modal-content>p,#modal-content>pre{margin:16px 0}
@media(max-width:720px){#main{gap:18px}.columns,.gallery,.template-grid{gap:14px}.frame-demo{display:flex;padding:24px}.hero-info{padding:24px}.hero h2{margin-top:16px}.image-card .actions{gap:8px}.modal-actions{flex-wrap:wrap}.check-row{margin:14px 0}#current-frame-image{height:240px!important}}
/* Keep controls separated inside cards, not just between page sections. */
.template-preview-actions{margin-top:20px;gap:12px}
.template-preview-actions>button{margin-top:0!important}
.poetry-controls{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}
.poetry-controls>.field,.poetry-controls>p,.poetry-controls>.notice{margin:0}
.poetry-controls>button{align-self:flex-start}
.actions,.modal-actions{column-gap:12px;row-gap:12px}
.official-content-info{padding:20px 24px}
.official-content-info ul{padding-left:22px;margin:16px 0}
.official-content-info li+li{margin-top:10px}
.official-content-info .notice{margin:20px 0}
.official-content-info .actions a{display:inline-block;padding:8px 0}
.tabs{gap:10px}