From 62e19ec2728fd0501f20779a7c6316e413093004 Mon Sep 17 00:00:00 2001 From: YadlaMani Date: Thu, 16 May 2024 10:09:39 +0530 Subject: [PATCH 1/2] imporved login and signup page --- node_modules/.package-lock.json | 2 +- src/css/index.css | 9 +++++++-- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json index 42a5166..8494e82 100644 --- a/node_modules/.package-lock.json +++ b/node_modules/.package-lock.json @@ -1,7 +1,7 @@ { "name": "pet-shop", "version": "1.0.0", - "lockfileVersion": 2, + "lockfileVersion": 3, "requires": true, "packages": { "node_modules/@socket.io/component-emitter": { diff --git a/src/css/index.css b/src/css/index.css index 42af8bc..a949b94 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -61,6 +61,7 @@ p { text-transform: uppercase; width: 15rem; padding: 1.5rem; + border-radius: 2rem; } .split.left .btn:hover { @@ -85,11 +86,15 @@ p { width: 50%; height: 100%; overflow: hidden; + border: 5px black solid; +} +.split p { + font-weight: 600; } .split.left { left: 0; - background: url("https://i.pinimg.com/236x/6a/8d/dd/6a8ddd4cdd656d8f9bd456dd83728ed6.jpg") + background: url("https://cdn.pixabay.com/photo/2016/10/30/20/22/astronaut-1784245_1280.jpg") no-repeat center / cover; } @@ -103,7 +108,7 @@ p { .split.right { right: 0; - background: url("https://i.pinimg.com/236x/57/9f/98/579f98a793f2674542e47267c55b90a6.jpg") + background: url("https://cdn.pixabay.com/photo/2014/12/27/16/38/planet-581239_1280.jpg") no-repeat center / cover; } From f4a031f86a97247f2d5d62b4d1caf1c10dab2b86 Mon Sep 17 00:00:00 2001 From: YadlaMani Date: Sat, 25 May 2024 09:58:34 +0530 Subject: [PATCH 2/2] make the background gradiant --- src/css/index.css | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/src/css/index.css b/src/css/index.css index a949b94..4760ab5 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -94,8 +94,12 @@ p { .split.left { left: 0; - background: url("https://cdn.pixabay.com/photo/2016/10/30/20/22/astronaut-1784245_1280.jpg") - no-repeat center / cover; + background: rgb(34, 193, 195); + background: linear-gradient( + 0deg, + rgba(34, 193, 195, 1) 0%, + rgba(253, 187, 45, 1) 100% + ); } .split.left::before { @@ -108,8 +112,13 @@ p { .split.right { right: 0; - background: url("https://cdn.pixabay.com/photo/2014/12/27/16/38/planet-581239_1280.jpg") - no-repeat center / cover; + background: rgb(2, 0, 36); + background: linear-gradient( + 90deg, + rgba(2, 0, 36, 1) 0%, + rgba(9, 9, 121, 1) 35%, + rgba(0, 212, 255, 1) 100% + ); } .split.right::before {