still struggling with drop down open

juliusbrehme · Oct 23, 2023 · 67f9a2e · 67f9a2e
1 parent b52ace9
commit 67f9a2e
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 3 deletions.
diff --git a/Frontend/algoverse/src/components/Logo.css b/Frontend/algoverse/src/components/Logo.css
@@ -1,5 +1,7 @@
 .HomeLogo{
-  width: 160px;
-  height: 90px;
+  width: 176px;
+  height: 99px;
   border-radius: 20rem; 
+  background-color: #1A1A5B;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
diff --git a/Frontend/algoverse/src/components/SideBar.css b/Frontend/algoverse/src/components/SideBar.css
@@ -83,6 +83,42 @@
   align-self: center;
 }
 
+
 .arrow-container{
   align-self: flex-end;
+}
+
+.expand-arrow{
+
+}
+
+.hover15 expand-arrow:hover::before {
+	-webkit-animation: circle .75s;
+	animation: circle .75s;
+}
+@-webkit-keyframes circle {
+	0% {
+		opacity: 1;
+	}
+	40% {
+		opacity: 1;
+	}
+	100% {
+		width: 200%;
+		height: 200%;
+		opacity: 0;
+	}
+}
+@keyframes circle {
+	0% {
+		opacity: 1;
+	}
+	40% {
+		opacity: 1;
+	}
+	100% {
+		width: 200%;
+		height: 200%;
+		opacity: 0;
+	}
 }
diff --git a/Frontend/algoverse/src/components/SideBar.js b/Frontend/algoverse/src/components/SideBar.js
@@ -55,7 +55,7 @@ function SideBar() {
                   <img 
                   src="images/TreeSearch-img.png"
                   alt="treesearch-icon"
-                  height="30px"
+                  height="40px"
                   width="30px"
                   className="tree-icon" />
                 </div>