From bebbdcd02d2ebbae0f45ca23c14db73bc9c121b2 Mon Sep 17 00:00:00 2001 From: Swastik Sharma Date: Mon, 21 Aug 2023 00:49:27 +0530 Subject: [PATCH] UI updates Signed-off-by: Swastik Sharma --- src/App.css | 19 ++++++++++--------- src/App.jsx | 9 ++++++--- src/assets/logo.png | Bin 0 -> 5194 bytes src/styles.css | 6 ------ 4 files changed, 16 insertions(+), 18 deletions(-) create mode 100644 src/assets/logo.png 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 0000000000000000000000000000000000000000..c48da43d6495208d4a0c0d3a8af109a3df09cd1f GIT binary patch literal 5194 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