From eb0eb26f4cefa4880c895ff017f312e8674f9b73 Mon Sep 17 00:00:00 2001
From: karpathy <andrej.karpathy@gmail.com>
Date: Sat, 22 Nov 2025 14:27:53 -0800
Subject: v0

---
 frontend/src/components/Sidebar.css | 78 +++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 frontend/src/components/Sidebar.css

(limited to 'frontend/src/components/Sidebar.css')

diff --git a/frontend/src/components/Sidebar.css b/frontend/src/components/Sidebar.css
new file mode 100644
index 0000000..c4f4b97
--- /dev/null
+++ b/frontend/src/components/Sidebar.css
@@ -0,0 +1,78 @@
+.sidebar {
+  width: 260px;
+  background: #f8f8f8;
+  border-right: 1px solid #e0e0e0;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.sidebar-header {
+  padding: 16px;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.sidebar-header h1 {
+  font-size: 18px;
+  margin: 0 0 12px 0;
+  color: #333;
+}
+
+.new-conversation-btn {
+  width: 100%;
+  padding: 10px;
+  background: #4a90e2;
+  border: 1px solid #4a90e2;
+  border-radius: 6px;
+  color: #fff;
+  cursor: pointer;
+  font-size: 14px;
+  transition: background 0.2s;
+  font-weight: 500;
+}
+
+.new-conversation-btn:hover {
+  background: #357abd;
+  border-color: #357abd;
+}
+
+.conversation-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.no-conversations {
+  padding: 16px;
+  text-align: center;
+  color: #999;
+  font-size: 14px;
+}
+
+.conversation-item {
+  padding: 12px;
+  margin-bottom: 4px;
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.conversation-item:hover {
+  background: #f0f0f0;
+}
+
+.conversation-item.active {
+  background: #e8f0fe;
+  border: 1px solid #4a90e2;
+}
+
+.conversation-title {
+  color: #333;
+  font-size: 14px;
+  margin-bottom: 4px;
+}
+
+.conversation-meta {
+  color: #999;
+  font-size: 12px;
+}
-- 
cgit v1.2.3