UI: правки личного чата и настроек

shine-UI/styles/components.css

@@ -59,6 +59,17 @@
   border-radius: 12px;
 }
 
+.header-icon-svg {
+  display: block;
+  width: 1em;
+  height: 1em;
+}
+
+.header-icon-svg--phone {
+  width: 22px;
+  height: 22px;
+}
+
 .chat-header-menu-btn {
   border-radius: 12px;
   font-size: 24px;
@@ -4630,6 +4641,7 @@ html, body { overflow-x: hidden; }
 
 .screen-content:has(> .dm-chat-screen) {
   padding-top: 0;
+  padding-bottom: 0;
   scrollbar-width: thin;
   scrollbar-color: rgba(212, 175, 55, 0.65) rgba(255, 255, 255, 0.06);
 }
@@ -4685,12 +4697,13 @@ html, body { overflow-x: hidden; }
 
 .dm-chat-input {
   gap: 10px;
-  grid-template-columns: 1fr auto;
+  grid-template-columns: minmax(0, 1fr) auto;
   align-items: end;
   position: sticky;
   bottom: 0;
   z-index: 10;
-  padding: 10px;
+  margin-inline: -14px;
+  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
   border-top: 1px solid rgba(212, 175, 55, 0.22);
   background: rgba(8, 12, 20, 0.9);
   backdrop-filter: blur(12px);
@@ -4733,18 +4746,35 @@ html, body { overflow-x: hidden; }
 
 .dm-actions-col {
   display: grid;
-  grid-template-columns: repeat(2, 42px);
-  grid-template-rows: 42px;
+  grid-template-columns: repeat(2, 46px);
+  grid-template-rows: 46px;
   grid-template-areas: "emoji send";
   gap: 6px;
+  align-self: end;
+}
+
+.dm-chat-input--multiline .dm-actions-col {
+  grid-template-columns: 46px;
+  grid-template-rows: repeat(2, 46px);
+  grid-template-areas:
+    "emoji"
+    "send";
 }
 
 .dm-emoji-btn {
   grid-area: emoji;
-  min-width: 42px;
-  width: 42px;
+  min-width: 46px;
+  width: 46px;
   padding: 0;
-  font-size: 20px;
+  line-height: 1;
+}
+
+.dm-emoji-btn__glyph {
+  display: inline-grid;
+  place-items: center;
+  width: 100%;
+  height: 100%;
+  font-size: 27px;
   line-height: 1;
 }
 
@@ -4918,6 +4948,8 @@ html, body { overflow-x: hidden; }
 .dm-chat-input .dm-input {
   min-height: 42px;
   max-height: 180px;
+  width: 100%;
+  min-width: 0;
   resize: none;
   overflow-y: auto;
   scrollbar-width: none;
@@ -4926,6 +4958,10 @@ html, body { overflow-x: hidden; }
   padding: 10px 12px;
 }
 
+.dm-chat-input--multiline .dm-input {
+  padding-right: 14px;
+}
+
 .dm-chat-input .dm-input::-webkit-scrollbar {
   width: 0;
   height: 0;
@@ -4970,8 +5006,8 @@ html, body { overflow-x: hidden; }
 
 .dm-send-icon-btn {
   grid-area: send;
-  min-width: 42px;
-  width: 42px;
+  min-width: 46px;
+  width: 46px;
   padding: 0;
   font-size: 15px;
   line-height: 1;
@@ -5617,8 +5653,8 @@ html, body { overflow-x: hidden; }
 }
 
 .profile-top-icon-btn img {
-  width: 44px;
-  height: 44px;
+  width: 48px;
+  height: 48px;
   display: block;
   opacity: 0.94;
   filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.34));