diff --git a/src/App.css b/src/App.css index 94a3f97..409a218 100644 --- a/src/App.css +++ b/src/App.css @@ -1,12 +1,13 @@ -.logo.vite:hover { - filter: drop-shadow(0 0 2em #747bff); +.image-list img{ + width: 25%; + height: auto; } - -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafb); +.para{ + font-weight: 900; } -.image-list img{ - width: 33%; - height: auto; -} \ No newline at end of file +.refreshBtn{ + background-color: #4d90fe; + color: white; + margin: auto 40%; +} diff --git a/src/App.jsx b/src/App.jsx index 9f80973..69bd700 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,7 +1,7 @@ import React, { useState, useEffect } from "react"; import { invoke } from "@tauri-apps/api/tauri"; import "./App.css"; - +import logo from './assets/logo.png'; function App() { const [images, setImages] = useState([]); const [selectedImage, setSelectedImage] = useState(""); @@ -30,7 +30,10 @@ function App() { } return (
-

wallpape-rs

+
+ +

Click on any wallpaper to set it as wallpaper!

+
{wallpapers.map((image, index) => ( ))}
- +
); } diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000..c48da43 Binary files /dev/null and b/src/assets/logo.png differ diff --git a/src/styles.css b/src/styles.css index f7de85b..96a5f70 100644 --- a/src/styles.css +++ b/src/styles.css @@ -23,12 +23,6 @@ text-align: center; } -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: 0.75s; -} .logo.tauri:hover { filter: drop-shadow(0 0 2em #24c8db);