update chat logo

src/css/toc.css

@@ -141,10 +141,41 @@
 }
 
 .chat .chat-head {
+  display: flex;
+  align-items: center;
+  padding: 0 1.5rem;
   background-color: var(--color-bwg-main);
-  height: 100px;
+  height: 80px;
   border-top-left-radius: 30px;
   border-top-right-radius: 30px;
+  color: var(--color-white);
+}
+
+.chat-logo {
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  background-image: url('../img/logo.png');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  margin-right: 5px;
+}
+
+.chat-logo-title-contents {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.chat-logo-title-contents .chat-logo-title {
+  font-size: 29px;
+  font-weight: 600;
+}
+
+.chat-logo-title-contents .chat-logo-title.sub {
+  font-size: 12px;
+  font-weight: 300;
 }
 
 .chat .chat-body {

src/partials/toc.hbs

@@ -7,7 +7,11 @@
   </div> --}}
   <div class="chat">
     <div class="chat-head">
-
+      <i class="chat-logo"></i>
+      <div class="chat-logo-title-contents">
+        <span class="chat-logo-title">SWLab</span>
+        <span class="chat-logo-title sub">Bankware Global</span>
+      </div>
     </div>
     <div class="chat-body">