Merge pull request #88 from ansiace/main

changes some css
vansh-codes · Oct 12, 2024 · 34562fb · 34562fb
2 parents 48143f9 + 19bfd4b
commit 34562fb
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 7 deletions.
diff --git a/chaosweb-v@2/src/assets/logo/logo.png b/chaosweb-v@2/src/assets/logo/logo.png
diff --git a/chaosweb-v@2/src/components/navbar.css b/chaosweb-v@2/src/components/navbar.css
@@ -37,18 +37,25 @@ body {
         transform: translateY(-10px);
     }
 }
-
-.nav{
+.nav {
     display: flex;
     justify-content: center;
     align-items: center;
+    margin: 20px;
 }
 
-.nav > img {
+.nav>img {
     margin: 30px 0 0 0;
-    border: 1px solid red;
-    height: 190px;
-    width: 190px;
+    border-radius: 50%;
+    height: 170px;
+    width: 170px;
+    box-shadow: 0px 1px 10px skyblue, 0px 1px 20px skyblue;    
+    transition-duration: 0.4s;
+}
+
+#chaos-logo:hover{
+    transform: scale(1.05);
+    transition-duration: 0.2s;
 }
 
 #chaos-header {
@@ -60,6 +67,7 @@ body {
     /* Subtle shadow for depth */
     text-align: center;
     margin: 30px 0;
+    margin-left: 40px;
 }
 
 #chaos-header span {

diff --git a/chaosweb-v@2/src/components/navbar.jsx b/chaosweb-v@2/src/components/navbar.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { useNavigate } from "react-router-dom"; // Import useNavigate for navigation
 import "./navbar.css";
-import logo from "../assets/logo/ChaosWeb.svg";
+import logo from "../assets/logo/logo.png";
 
 const Navbar = () => {
   const navigate = useNavigate(); // Initialize navigate hook

diff --git a/node_modules/.yarn-integrity b/node_modules/.yarn-integrity
diff --git a/package-lock.json b/package-lock.json
diff --git a/yarn.lock b/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
		# yarn lockfile v1