coffe-button

MetinVn · Aug 19, 2024 · 4d51f18 · 4d51f18
1 parent d6d3060
commit 4d51f18
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -1,3 +1,4 @@
+import black_image from "../images/black-button.png";
 const Footer = () => {
   return (
     <footer className="bg-[#1E1E1E] text-white py-2 px-4 border-t-2 border-[#333]">
@@ -27,10 +28,14 @@ const Footer = () => {
             </p>
             <a
               href="https://www.buymeacoffee.com/MetinVn"
-              className="inline-block bg-yellow-500 text-black px-3 py-1 rounded-full text-xs font-semibold hover:bg-yellow-400 transition"
               target="_blank"
+              className="flex w-fit mx-auto"
               rel="noopener noreferrer">
-              Buy Me a Coffee
+              <img
+                src={black_image}
+                alt="Buy Me a Coffee"
+                style={{ height: "50px", width: "200px" }}
+              />
             </a>
           </div>
         </div>

diff --git a/src/images/black-button.png b/src/images/black-button.png
diff --git a/vite.config.js b/vite.config.js
@@ -1,8 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-  base: "/YotuTube-Convert2MP3/"
-})
+  base: "/YotuTube-Convert2MP3/",
+});