From 1069e6eff4f118d6f2dc8e6a25f6539ef9f141dc Mon Sep 17 00:00:00 2001 From: Juan Martin Date: Mon, 3 Apr 2023 20:58:35 -0300 Subject: [PATCH] update example --- examples/form.html | 217 +++++++++++++++++++++++++++------------------ 1 file changed, 130 insertions(+), 87 deletions(-) diff --git a/examples/form.html b/examples/form.html index beb9b69..97c6b5e 100644 --- a/examples/form.html +++ b/examples/form.html @@ -9,35 +9,41 @@ font-family: 'Lucida Sans', Verdana, sans-serif; padding: 40px; } + .layout { + display: grid; + grid-template-columns: 3fr 1fr; + + } .fieldc { display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr minmax(0px, 1fr); grid-column-gap: 15px; } #code { - position: absolute; - width: 800px; - height: 400px; - background: #000000; - font-size:10px; - appearance: none; - border: none; - resize: none; - outline: none; - overflow: hidden; - font: inherit; - padding: 0 1px; - margin: 0 -1px; - contain: strict; - color: aqua; - user-select: text; - white-space: pre !important; -} + + width: 100%; + height: 400px; + background: #000000; + font-size:10px; + appearance: none; + border: none; + resize: none; + outline: none; + overflow: hidden; + font: inherit; + padding: 0 1px; + margin: 0 -1px; + contain: strict; + color: aqua; + user-select: text; + white-space: pre !important; + } .item { transition: transform 1s; } form { + z-index: 20; float: right; width: 400px; padding: 10px; @@ -56,7 +62,9 @@ -

Settings Form

+
+
+
Rings @@ -73,6 +81,14 @@

Settings Form


+
+ + +
+
+ + +
@@ -82,14 +98,29 @@

Settings Form

-
- + + + + + +