From 842d97a57b1abb67cafafb57897712e880ba36d9 Mon Sep 17 00:00:00 2001 From: Denis Seleznev Date: Thu, 31 Oct 2024 20:16:32 +0300 Subject: [PATCH] Update CSS for constructor --- examples/constructor/dist/index.css | 2 +- examples/constructor/src/code.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/examples/constructor/dist/index.css b/examples/constructor/dist/index.css index 994f3e0..b72fd95 100644 --- a/examples/constructor/dist/index.css +++ b/examples/constructor/dist/index.css @@ -1,3 +1,3 @@ -.code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;height:180px;left:15px;position:fixed;right:15px}.code__label{font-size:14px;line-height:20px}.code__copy{margin-top:4px}.code__textarea{box-sizing:border-box;font-size:12px;height:120px;margin:0;max-width:270px;padding:5px;width:100%}.code__copy,.code__textarea{font-family:Arial,sans-serif}.body_bg_black .code__textarea{background:#333;border:1px solid #555;color:#fff}.body_bg_black .code__label{color:#fff} +.code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;height:180px;left:15px;position:fixed;right:15px}.code__label{font-size:14px;line-height:20px}.code__copy{margin-top:4px}.code__textarea{box-sizing:border-box;font-size:12px;height:120px;margin:0;max-width:260px;padding:5px;width:100%}.code__copy,.code__textarea{font-family:Arial,sans-serif}.body_bg_black .code__textarea{background:#333;border:1px solid #555;color:#fff}.body_bg_black .code__label{color:#fff} .form__panel{background:#fff;border:1px solid #f0f0f0;border-radius:4px;border-radius:10px;color:#000;left:15px;line-height:1.6;position:absolute;top:70px;transition:border-color .5s ease;white-space:nowrap;z-index:20}.body_bg_black .form__panel{background:#333;border-color:#555;color:#fff}.form__field{margin-left:10px}.form__label{display:inline-block;width:80px}.form__label_radio{margin-right:1em}.form__group{padding:3px}.form__group input[type=number]{width:60px}.form__color{height:20px;width:60px}.form__group:hover{background-color:#f0f0f0}.body_bg_black .form__group:hover{background-color:#555}.form__title{background:#5ecdef50;font-weight:700;padding:3px;text-align:center}.form__body{padding:5px}.form__bottom{background:#eee;border-radius:0 0 10px 10px;padding:5px;text-align:center}.body_bg_black .form__bottom{background:#555}.form__layer{border:1px solid hsla(0,0%,78%,.5);border-radius:10px;bottom:25%;display:none;height:50%;left:25%;overflow:hidden;position:fixed;right:25%;top:25%;width:50%;z-index:10}.form__layer_visible{display:block}.form__button{margin-left:5px} body,html{border:0;margin:0;padding:0}body.animation{transition:background-color .5s ease}body.debug .snowflake{border:1px solid red}.body_bg_black{background:#000}body,input,textarea{font-family:Arial,sans-serif;font-size:12px}input{margin-left:0}label{margin-right:5px}.github{border:1px solid #aaa;border-radius:5px;color:#aaa;display:inline-block;font-size:12px;padding:3px 5px;text-decoration:none;vertical-align:middle}.header{-webkit-background-clip:text;background-clip:text;background-color:#fff;background-image:linear-gradient(90deg,#3980db,#b69ee2);color:#222;color:transparent;font-size:30px;left:50%;margin:0;padding:0;top:20px;transform:translateX(-50%);white-space:nowrap}.header,.no-support{font-weight:700;position:absolute}.no-support{border:2px dotted red;display:none;font-size:18px;left:20px;padding:5px;top:50px}.no-support_visible{display:block} \ No newline at end of file diff --git a/examples/constructor/src/code.css b/examples/constructor/src/code.css index 172babf..fd615f6 100644 --- a/examples/constructor/src/code.css +++ b/examples/constructor/src/code.css @@ -23,7 +23,7 @@ height: 120px; font-size: 12px; padding: 5px; - max-width: 270px; + max-width: 260px; } .code__copy,