chore: CSS updates

Author: jherr

packages/cta-ui/src/components/cta-sidebar.tsx

@@ -4,7 +4,6 @@ import {
   SidebarContent,
   SidebarFooter,
   SidebarGroup,
-  SidebarGroupLabel,
   SidebarHeader,
 } from '@/components/ui/sidebar'
 
@@ -35,7 +34,6 @@ export function AppSidebar() {
               <TypescriptSwitch />
             </SidebarGroup>
             <SidebarGroup>
-              <SidebarGroupLabel>Add-ons</SidebarGroupLabel>
               <SelectedAddOns />
             </SidebarGroup>
             <SidebarGroup>

packages/cta-ui/src/store/project.ts

@@ -92,7 +92,6 @@ const onProjectChange = new Effect({
       starter: projectStarter.state?.url || undefined,
     }
     options.chosenAddOns = selectedAddOns.state.map((addOn) => addOn.id)
-    console.log(options)
     const outputReq = await fetch('/api/run-create-app', {
       method: 'POST',
       headers: {

packages/cta-ui/src/styles.css

@@ -162,3 +162,16 @@ code {
     @apply bg-background text-foreground;
   }
 }
+
+[data-sidebar='group'] {
+  background-color: hsl(240 5.9% 6%) !important;
+  @apply mb-2 rounded-lg border-1 border-gray-800;
+}
+
+[data-sidebar='content'] {
+  @apply p-2 pt-5;
+}
+
+[data-sidebar='header'] {
+  @apply backdrop-blur-md shadow-gray-700 shadow-lg z-50;
+}