From f3a75e66514a514e250b0dde14db27eb47581652 Mon Sep 17 00:00:00 2001 From: SteveBloX Date: Mon, 20 May 2024 10:49:00 +0200 Subject: [PATCH] add icons --- index.html | 8 ++++++-- main.js | 6 ++++-- styles.css | 3 --- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 44b47fe..a7b099c 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,10 @@ Trackmania Username Generator +
@@ -82,7 +86,7 @@

Code:

id="copy" class="py-2.5 px-5 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700" > - Copy + Copy

Text formatting coming soon!

@@ -97,7 +101,7 @@

Code:

id="expandGradient" class="py-2.5 px-5 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700" > - Expand + Expand diff --git a/main.js b/main.js index d040508..d0e847b 100644 --- a/main.js +++ b/main.js @@ -134,10 +134,12 @@ expandGradientButton.addEventListener("click", () => { if (gradientExpanded) { gradientPreview.style.height = "8rem"; expandGradientButton.style.bottom = "8.2rem"; - expandGradientButton.innerText = "Collapse"; + expandGradientButton.innerHTML = + 'Collapse '; } else { gradientPreview.style.height = "0.5rem"; expandGradientButton.style.bottom = "0.4rem"; - expandGradientButton.innerText = "Expand"; + expandGradientButton.innerHTML = + 'Expand '; } }); diff --git a/styles.css b/styles.css index 0d7c32b..6f458d0 100644 --- a/styles.css +++ b/styles.css @@ -27,9 +27,6 @@ body { width: 100%; transition: .5s all; } -#gradient:hover{ - height: 8rem; -} #expandGradient { position: fixed; bottom: .4rem;