Align controls to 36/10 and make create modals full-screen on mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-09-10 23:45:11 +03:30
co-authored by Cursor
parent 212d02f664
commit 535c428270
36 changed files with 454 additions and 238 deletions
@@ -318,8 +318,9 @@ onBeforeUnmount(() => {
border: 1px solid #d7e3dc;
background: #f4faf7;
color: #0f766e;
border-radius: 999px;
min-height: 36px;
border-radius: var(--radius);
min-height: var(--control-h);
height: var(--control-h);
padding: 0 0.75rem;
font: inherit;
font-size: 0.8rem;
@@ -335,13 +336,13 @@ onBeforeUnmount(() => {
border-color: #5eead4;
background: #042f2e;
color: #ecfdf5;
min-height: 44px;
min-height: var(--control-h);
padding-inline: 0.7rem 0.85rem;
box-shadow: 0 10px 24px rgba(15, 118, 110, 0.22);
}
.vtt.busy {
min-height: 44px;
min-height: var(--control-h);
border-color: #99f6e4;
background: #ecfdf5;
color: #0f766e;
@@ -411,9 +412,10 @@ onBeforeUnmount(() => {
.toolbar.wait .vtt {
width: auto;
height: auto;
min-height: 40px;
min-height: var(--control-h);
height: var(--control-h);
padding: 0 0.7rem;
border-radius: 999px;
border-radius: var(--radius);
}
.toolbar .vtt.on {