diff --git a/src/App.js b/src/App.js index cb4a5c2..a36efa7 100644 --- a/src/App.js +++ b/src/App.js @@ -8,12 +8,14 @@ import { About } from "./pages/About"; import { Users } from "./pages/Users"; import { NotFound } from "./pages/NotFound"; import Logo from "./components/Logo"; +import Popupv2 from "./components/Starter/Popupv2"; export const App = () => { return ( + diff --git a/src/components/Starter/AnimatedHand/reka.svg b/src/components/Starter/AnimatedHand/reka.svg index 7a75072..0036c12 100644 --- a/src/components/Starter/AnimatedHand/reka.svg +++ b/src/components/Starter/AnimatedHand/reka.svg @@ -10,9 +10,12 @@ + + + @@ -49,17 +52,6 @@ - - - - - - - - - - - diff --git a/src/components/Starter/Popup.css b/src/components/Starter/Popup.css index 997e727..39f04cd 100644 --- a/src/components/Starter/Popup.css +++ b/src/components/Starter/Popup.css @@ -43,8 +43,16 @@ main { background-color: white; } -/*.close-btn { -}*/ +.close-btn { + border-radius: 12px; + padding: 10px 24px; + border: none; + background-color: #cecece; + transition-duration: 0.4s; +} +.close-btn:hover { + background-color: hsl(122, 58%, 71%); /* Green */ +} .popup-inner .Animation { text-align: left; diff --git a/src/components/Starter/Popup.js b/src/components/Starter/Popup.js index 9d40caa..9c2c7ee 100644 --- a/src/components/Starter/Popup.js +++ b/src/components/Starter/Popup.js @@ -12,12 +12,12 @@ function Popup(props) {


-


+