diff --git a/src/button.css b/src/button.css index e11875a..8368c9d 100644 --- a/src/button.css +++ b/src/button.css @@ -6,7 +6,7 @@ .btn { background-color: var(--synergy-btn-bg); - padding: 12px 20px; + padding: 9px 16px; border: 0; color: var(--synergy-text-color); font: inherit; @@ -20,6 +20,10 @@ text-decoration: none; } +.btn.btn-large { + padding: 12px 20px; +} + .btn:hover { background-color: var(--synergy-btn-bg-hover); } diff --git a/src/input.css b/src/input.css index 5a5b00e..08b9c1e 100644 --- a/src/input.css +++ b/src/input.css @@ -7,7 +7,7 @@ .inp label { position: absolute; - top: 11px; + top: 9px; left: 7px; font-size: 1rem; font-weight: 700; @@ -18,7 +18,7 @@ background: var(--synergy-bg); padding: 3px 8px; border-radius: 10px; - line-height: 1; + line-height: 1.2rem; color: var(--synergy-label); } @@ -29,7 +29,8 @@ ), .inp :is(input, textarea):focus + label { color: var(--synergy-label-active); - transform: translate3d(0, -21px, 0) scale(.8); + transform: scale(.8); + top: -.6rem; } /* Common styles */ @@ -37,7 +38,6 @@ .inp :is(input, textarea, select) { display: block; width: 100%; - min-height: 47px; font-family: inherit; padding: 10px 12px; font-size: 1rem; diff --git a/web/app.ts b/web/app.ts index dcb47b1..a9bf52f 100644 --- a/web/app.ts +++ b/web/app.ts @@ -36,7 +36,7 @@ applyPreset(pr); createApp({ applyPreset(p: Preset) { data.results = []; - applyPreset(p); + data.theme = applyPreset(p); }, async generateCSS() { data.results = await Exporter.get(data.theme); diff --git a/web/demo.css b/web/demo.css index bdba99c..9dd88e9 100644 --- a/web/demo.css +++ b/web/demo.css @@ -34,4 +34,4 @@ header h1 .color {background-clip: text; -webkit-background-clip: text; backgrou .settings .close {width: 64px; height: 64px; cursor: pointer; padding: 20px; position: absolute; right: 0; top: 0; z-index: 10;} -.btn.btn-download small {font-weight: 400; font-size: 12px; display: block;} \ No newline at end of file +.btn.btn-download small {font-weight: 400; font-size: 11px; display: block;} \ No newline at end of file