style chat grid

2024-07-20 13:30:01 +02:00
parent d9f0f400f8
commit 6b269719a1
6 changed files with 79 additions and 5 deletions
@@ -1,12 +1,15 @@
+import "./chatEntry.css";
+
 import * as React from "bloatless-react";

 import { ChatModel } from "../../Model/chatModel";

 export function ChatEntry(chatModel: ChatModel) {
  return (
-    <div class="tile flex-column justify-end align-start">
+    <button class="chat-entry tile">
+      <span class="shadow">{chatModel.info.primaryChannel}</span>
      <h2>{chatModel.info.primaryChannel}</h2>
-    </div>
+    </button>
  );
 }