v0

1 files changed, 78 insertions, 0 deletions

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;
+}