style adjustments

kontent-ai · Feb 20, 2025 · a999234 · a999234
1 parent 95dc81f
commit a999234
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -29,14 +29,14 @@ export const Sidebar: React.FC<SidebarProps> = ({ types, onTypeSelect }) => {
   };
 
   return (
-    <div className="p-4">
-      <h2 className="font-semibold mb-4 p-2">Content Types</h2>
+    <div>
+      <h2 className="pt-6 text-sm pb-1 font-semibold border-b-2 border-[#5b4ff5]/30 mx-4 px-2">Content Types</h2>
       <ul>
         {types.map(({ id, name }) => (
           <li
             key={id}
             onClick={() => handleTypeClick(id)}
-            className="py-2 px-2 text-sm rounded cursor-pointer hover:bg-gray-200"
+            className="py-2 pl-6 w-full text-sm cursor-pointer hover:bg-gradient-to-r hover:from-[#5b4ff5]/2 hover:via-[#5b4ff5]/4 hover:to-[#5b4ff5]/6"
           >
             {name}
           </li>

diff --git a/src/components/Toolbar.tsx b/src/components/Toolbar.tsx
@@ -76,7 +76,7 @@ export const Toolbar: React.FC<{ environmentId: string }> = ({ environmentId })
   };
 
   return (
-    <div className="fixed left-64 right-0 top-0 h-12 bg-white border-b border-gray-200 flex items-center align px-8 gap-2">
+    <div className="fixed left-64 right-0 top-0 h-[50px] bg-white border-b border-gray-200 flex items-center align px-8 gap-2">
       <div
         onClick={handleExpandCollapse}
         className="button secondary purple min-w-[150px] text-center"