From 4561d50fa071f2b96c33be8c1f9110a9728b31f0 Mon Sep 17 00:00:00 2001
From: MaxOvs <gshk3669@gmail.com>
Date: Mon, 19 Dec 2022 21:15:47 +0300
Subject: [PATCH] Fixing layout in exemple page

---
 src/index.html             | 30 ++++++++++++++++++++++++++++++
 src/style/ExemplePage.scss | 22 +++++++++++++++++++---
 src/style/main.scss        |  2 +-
 3 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/src/index.html b/src/index.html
index d5d45f0..dca770f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -33,6 +33,36 @@
           </div>
 
           <input type="submit" value="Отправить!" class="example-select_submit" />
+
+          <code>
+            <pre>
+              const dropdown = new DropDown({
+                selector: '.cg-dropdown_one',
+                placeholder: 'Выберите авто',
+                lable: 'EXAMPLE',
+                items: [
+                  'BMW',
+                  {
+                    id: '213sade',
+                    title: 'Opel',
+                    value: 1,
+                  },
+                  'Mersedes',
+                  'MAN',
+                  'Ferari',
+                ],
+                styles: {
+                  head: {
+                    width: '830px',
+                  },
+                  list: {
+                    width: '824px',
+                  },
+                },
+              });
+            </pre>
+            
+          </code>
         </form>
       </div>
 
diff --git a/src/style/ExemplePage.scss b/src/style/ExemplePage.scss
index 94b5af5..b12e816 100644
--- a/src/style/ExemplePage.scss
+++ b/src/style/ExemplePage.scss
@@ -56,22 +56,32 @@
 
 .content {
   margin-top: 15px;
-  background-color: #6b6d76;
+  // background-color: #6b6d76;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
 }
+
 .example-select {
   width: 100%;
-  margin: 25px;
+  background-color: #5c5c5c;
+  border-radius: 5px;
+  margin: 15px 0 0 0;
+  //padding: 0 13px 13px 13px;
 
   &_title {
+    height: 45px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
     color: white;
-    text-align: center;
+    padding: 20px 0 0 40px;
+    margin: 0 0 30px 0;
+    background-color: #2a2f3b;
     font-size: 20px;
   }
+
   &_submit {
     width: 200px;
     height: 35px;
@@ -95,3 +105,9 @@
     }
   }
 }
+
+
+
+pre{
+
+}
diff --git a/src/style/main.scss b/src/style/main.scss
index cf366fa..b921b86 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -10,7 +10,7 @@
 }
 
 body {
-  background: #c5c5c6;
+  background: #000000c4;
 }
 
 .container {