commit d204959db94ceea43e0744bc7e2e1b8eb5b377c0 · banana.tngl.sh/passgen-astro

+3 -3

src/pages/index.astro

···

       29
        
           password += words[randomWord]

     

       30
        
           display.textContent = "•".repeat(password.length)

     

       31
        
           display.style.setProperty("color", "#ffffff")

     

       32
       -
           wrapper.style.setProperty("border-color", "#ffffff")

     

       33
        
           wrapper?.addEventListener("mouseenter", () => {

     

       34
        
               display.textContent = password

     

       35
        
           })

     
···

       43
        
               display.textContent = "Copied to clipboard..."

     

       44
        
               setTimeout(() => {

     

       45
        
                   display.style.setProperty("color", "#ffffff")

     

       46
       -
                   wrapper.style.setProperty("border-color", "#ffffff")

     

       47
        
                   if (wrapper.matches(":hover")) {

     

       48
        
                       display.textContent = password

     

       49
        
                   } else {

     
···

       63
        
           })

     

       64
        
           </script>

     

       65
        
           <body class="bg-black flex justify-center align-middle min-h-svh font-display font-bold">

     

       66
       -
               <div id="box" class="m-auto pt-[4rem] pb-[4rem] min-w-[50%] max-w-[90%] pl-[6rem] pr-[6rem] border-2 border-[#7289c4] rounded-2xl flex flex-col

     

       67
        
                   hover:cursor-pointer hover:scale-105 active:scale-95 transition-transform duration-150 ease-in hover:ease-out

     

       68
        
                   ">

     

       69
        
                   <span id="password" class="text-[#7289c4] text-3xl text-center transition-colors duration-150 ease-in hover:ease-out overflow-clip">Generating...</span>

···

       29
        
           password += words[randomWord]

     

       30
        
           display.textContent = "•".repeat(password.length)

     

       31
        
           display.style.setProperty("color", "#ffffff")

     

       32
       +
           wrapper.style.setProperty("border-color", "oklch(20.8% 0.042 265.755)")

     

       33
        
           wrapper?.addEventListener("mouseenter", () => {

     

       34
        
               display.textContent = password

     

       35
        
           })

     
···

       43
        
               display.textContent = "Copied to clipboard..."

     

       44
        
               setTimeout(() => {

     

       45
        
                   display.style.setProperty("color", "#ffffff")

     

       46
       +
                   wrapper.style.setProperty("border-color", "oklch(20.8% 0.042 265.755)")

     

       47
        
                   if (wrapper.matches(":hover")) {

     

       48
        
                       display.textContent = password

     

       49
        
                   } else {

     
···

       63
        
           })

     

       64
        
           </script>

     

       65
        
           <body class="bg-black flex justify-center align-middle min-h-svh font-display font-bold">

     

       66
       +
               <div id="box" class="m-auto pt-[4rem] pb-[4rem] min-w-[50%] max-w-[90%] pl-[6rem] pr-[6rem] border-2 border-[#7289c4] flex flex-col

     

       67
        
                   hover:cursor-pointer hover:scale-105 active:scale-95 transition-transform duration-150 ease-in hover:ease-out

     

       68
        
                   ">

     

       69
        
                   <span id="password" class="text-[#7289c4] text-3xl text-center transition-colors duration-150 ease-in hover:ease-out overflow-clip">Generating...</span>