removed angular app and switched to react

2025-06-15 20:17:02 -04:00 · 2025-06-15 20:17:02 -04:00 · 3a9d45c543
commit 3a9d45c543
parent 56e3938561
101 changed files with 2697 additions and 4075 deletions
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@ -0,0 +1,120 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0 0;
+    --background-secondary: 0 0 0;
+    --background-tertiary: 0 0 0;
+    --surface: 0 0 0;
+    --surface-secondary: 10 10 10;
+    --surface-tertiary: 17 17 17;
+    --border: 26 26 26;
+    --border-secondary: 42 42 42;
+    --text-primary: 255 255 255;
+    --text-secondary: 161 161 170;
+    --text-muted: 113 113 122;
+    --primary: 99 102 241;
+    --primary-hover: 79 70 229;
+    --secondary: 16 185 129;
+    --accent: 245 158 11;
+    --destructive: 239 68 68;
+    --success: 34 197 94;
+    --warning: 251 191 36;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  html {
+    @apply h-full;
+  }
+
+  body {
+    @apply h-full bg-black text-white font-sans antialiased text-sm leading-snug;
+    font-family:
+      'Inter',
+      system-ui,
+      -apple-system,
+      sans-serif;
+  }
+
+  #root {
+    @apply h-full;
+  }
+}
+
+@layer components {
+  /* Custom scrollbar for dark theme */
+  .scrollbar-thin {
+    scrollbar-width: thin;
+    scrollbar-color: rgb(42 42 45) transparent;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-track {
+    background: transparent;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb {
+    background-color: rgb(42 42 45);
+    border-radius: 3px;
+  }
+
+  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
+    background-color: rgb(51 51 54);
+  }
+
+  /* Trading specific styles */
+  .profit {
+    @apply text-success;
+  }
+
+  .loss {
+    @apply text-danger;
+  }
+
+  .neutral {
+    @apply text-text-secondary;
+  }
+
+  /* Compact component utilities */
+  .compact-card {
+    @apply bg-surface-secondary p-3 rounded border border-border text-sm;
+  }
+
+  .compact-button {
+    @apply px-2 py-1 text-sm rounded border border-border bg-surface hover:bg-surface-secondary transition-colors;
+  }
+
+  .compact-input {
+    @apply px-2 py-1 text-sm rounded border border-border bg-surface focus:ring-1 focus:ring-primary-500 focus:border-primary-500;
+  }
+
+  .compact-nav-item {
+    @apply group flex gap-x-2 rounded-md px-2 py-1.5 text-sm leading-tight font-medium transition-colors;
+  }
+}
+
+.sticky {
+  position: sticky !important;
+  position: -webkit-sticky !important;
+  z-index: 2;
+}
+
+.row,
+.sticky {
+  display: flex;
+  align-items: center;
+  background-color: white;
+  border-bottom: 1px solid #eee;
+  box-sizing: border-box;
+}