From 45dc01349db1576207f73b3bc3ecc2c09cc2602b Mon Sep 17 00:00:00 2001 From: mickie Date: Fri, 14 Jan 2022 02:08:47 -0600 Subject: [PATCH] Fix CSS style in options page. --- public/css/styles.css | 15 ++++++++++++--- public/options.html | 11 ++++++----- src/lib/options.ts | 3 +++ 3 files changed, 21 insertions(+), 8 deletions(-) diff --git a/public/css/styles.css b/public/css/styles.css index b5248d5..470443b 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -42,17 +42,26 @@ /* options */ +.title-options { + @apply text-4xl text-center px-2 py-4 text-white; +} +.form-options { + @apply flex mb-4 gap-5; +} +.body-options { + @apply bg-fixed px-2 py-3 bg-gray-400; +} .span-custom { - @apply text-xl text-blue-700 border border-2 font-bold rounded-l px-4 py-2 bg-white; + @apply text-xl text-green-300 border-2 font-bold rounded-l px-4 py-2 m-1 w-1/2 bg-gray-800 border-transparent; } .text-custom { - @apply border px-4 py-2 w-full; + @apply border px-4 py-2 m-1 ml-0 w-full border-2 border-transparent bg-gray-600 text-white; } .checkbox-custom { @apply m-3; } .btn-save { - @apply bg-blue-500 text-xl hover:bg-pink-500 active:bg-pink-700 text-white font-bold py-2 px-4 rounded-full w-44 text-center; + @apply bg-green-500 text-xl hover:bg-green-700 active:bg-blue-700 text-white font-bold py-2 px-4 m-1 rounded w-48 text-center; } @tailwind utilities; diff --git a/public/options.html b/public/options.html index ab14e66..b3a67ea 100644 --- a/public/options.html +++ b/public/options.html @@ -8,11 +8,12 @@ - -
Set your instance(s)
-
-
- + +
Set your instance(s)
+ +
+
+
diff --git a/src/lib/options.ts b/src/lib/options.ts index 1846c51..2ece59a 100644 --- a/src/lib/options.ts +++ b/src/lib/options.ts @@ -18,6 +18,9 @@ items.forEach((value) => { containerItems.insertAdjacentHTML('beforeend', html); }); +const saveButton = ``; +containerItems.insertAdjacentHTML('beforeend', saveButton); + function saveOptions() { items.forEach(saveItems); }