some styles

judy-n · Feb 7, 2022 · 505f0c5 · 505f0c5
1 parent 2f21a5e
commit 505f0c5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -168,8 +168,16 @@
             let pass = e.target.previousElementSibling.querySelector('.code')
             if (pass) {
                 clipboard.writeText(pass.innerText)
+                e.target.innerHTML = `<span class="copied">Copied!</span>`
+                setTimeout(() =>
+                    e.target.innerHTML = "content_copy"
+                , 2000)
             } else {
                 clipboard.writeText(e.target.previousElementSibling.innerText)
+                e.target.innerHTML = `<span class="copied">Copied!</span>`
+                setTimeout(() =>
+                        e.target.innerHTML = "content_copy"
+                    , 2000)
             }
         }
     </script>

diff --git a/style.css b/style.css
@@ -1,11 +1,12 @@
 body {
-    background-color: #91a1b5;
+    /*background-color: #91a1b5;*/
+    background-color: #ebebeb;
     font-family: 'DM Sans', sans-serif;
     margin: 5%;
 }
 
 h2 {
-    color: #708197;
+    color: #d1d0d0;
     font-weight: 400;
 }
 
@@ -159,3 +160,10 @@ input:focus-visible {
     background-color: #b3bdc9;
     color: #708197;
 }
+
+
+.copied {
+    transition-delay: 0.5s;
+    font-family: "DM Sans", sans-serif;
+    font-weight: 500;
+}