Updated example app toolbar

DanielArnould · Feb 28, 2024 · c1bda6b · c1bda6b
1 parent 0130c37
commit c1bda6b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 20 deletions.
diff --git a/example/src/style/Sidebar.css b/example/src/style/Sidebar.css
@@ -30,7 +30,8 @@
 
 .highlight__image__container::-webkit-scrollbar-track-piece,
 .sidebar::-webkit-scrollbar-track-piece {
-    background-color: #f4f4f4;
+    background-color: none;
+    border-radius: 5px;
 }
 
 .sidebar__highlights {

diff --git a/example/src/style/Toolbar.css b/example/src/style/Toolbar.css
@@ -3,10 +3,9 @@
     justify-content: space-between;
     align-items: center;
     padding: 4px 16px;
-    background-color: #2c3e50;
-    color: #fff;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    background-color: #2b2e33;
+    color: #f5f5f5;
+    border-bottom: 2px solid #9096a2;
 }
 
 .ZoomControls {
@@ -15,24 +14,17 @@
 }
 
 .ZoomControls button {
-    background-color: #2196f3;
-    color: #fff;
-    border: 1px solid #2196f3;
-    border-radius: 4px;
+    background: none; /* Remove background */
+    color: #f5f5f5;
+    border: none; /* Remove border */
     cursor: pointer;
-    font-size: 16px;
-    padding: 8px;
+    font-size: 24px;
+    padding: 2px; 
     margin-right: 8px;
-    transition: background-color 0.3s;
+    transition: color 0.3s, transform 0.2s; 
 }
 
 .ZoomControls button:hover {
-    background-color: #1565c0;
-    border-color: #1565c0;
-}
-
-.Toolbar__title {
-    font-size: 20px;
-    font-weight: bold;
-    color: #fff;
+    color: #b958ff;
+    transform: scale(1.05);
 }