diff --git a/client/index.html b/client/index.html
index d293fbc..f80d953 100644
--- a/client/index.html
+++ b/client/index.html
@@ -28,8 +28,10 @@
-
-
+
+
+
+
diff --git a/client/public/appicon.png b/client/public/appicon.png
new file mode 100644
index 0000000..6bc8f75
Binary files /dev/null and b/client/public/appicon.png differ
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
new file mode 100644
index 0000000..37c8aa7
Binary files /dev/null and b/client/public/favicon.ico differ
diff --git a/client/public/image.png b/client/public/image.png
index 3ff2d77..da6a89a 100644
Binary files a/client/public/image.png and b/client/public/image.png differ
diff --git a/client/public/image_old.png b/client/public/image_old.png
new file mode 100644
index 0000000..3ff2d77
Binary files /dev/null and b/client/public/image_old.png differ
diff --git a/client/public/smileys.png b/client/public/smileys.png
index 5beb9cd..bf3e89e 100644
Binary files a/client/public/smileys.png and b/client/public/smileys.png differ
diff --git a/client/public/smileys_old.png b/client/public/smileys_old.png
new file mode 100644
index 0000000..5beb9cd
Binary files /dev/null and b/client/public/smileys_old.png differ
diff --git a/client/src/style.css b/client/src/style.css
index bf82cde..3d15db3 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -61,6 +61,19 @@
color: #173a27;
}
+.sidebar-brand-head {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.sidebar-brand-mark {
+ width: 26px;
+ height: 26px;
+ border-radius: 7px;
+ flex-shrink: 0;
+}
+
.sidebar-brand strong {
display: block;
font-size: 16px;
@@ -309,12 +322,11 @@ a {
width: 32px;
height: 32px;
border-radius: 9px;
- display: grid;
- place-items: center;
- background: linear-gradient(180deg, #3d8654 0%, #245c3a 100%);
- color: #fff;
- font-weight: 700;
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24);
+ display: inline-block;
+ background: url('/appicon.png') center / cover no-repeat;
+ color: transparent;
+ font-size: 0;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.app-brand-copy {
diff --git a/client/src/views/ChatView.vue b/client/src/views/ChatView.vue
index 9197910..1ee1429 100644
--- a/client/src/views/ChatView.vue
+++ b/client/src/views/ChatView.vue
@@ -4,7 +4,10 @@