FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-22 19:15:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Replace with Material lists

Browse Source
This commit is contained in:
denis0001-dev
2025-08-20 20:00:40 +03:00
Unverified
parent 2728a9c6c9
commit 5c868b2076
3 changed files with 18 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+8 -10
View File
@@ -103,16 +103,14 @@
</mdui-tab>
<mdui-tab-panel slot="panel" value="chats">
<div class="chats">
<a href="#" id="chat1but">
<img src="./src/images/default-avatar.png" alt="">
Общий чат
</a>
<a href="#" id="chat1but2">
<img src="./src/images/default-avatar.png" alt="">
Общий чат 2
</a>
</div>
<mdui-list>
<mdui-list-item headline="Общий чат" description="Вы: Последнее сообщение" id="chat1but">
<img src="./src/images/default-avatar.png" alt="" slot="icon" />
</mdui-list-item>
<mdui-list-item headline="Общий чат 2" description="Вы: Последнее сообщение" id="chat1but2">
<img src="./src/images/default-avatar.png" alt="" slot="icon" />
</mdui-list-item>
</mdui-list>
</mdui-tab-panel>
<mdui-tab-panel slot="panel" value="channels">ertgergert</mdui-tab-panel>
<mdui-tab-panel slot="panel" value="contacts">erhnbftgynftdhge4w</mdui-tab-panel>
frontend/src/css/_panelchat.scss
-18
View File
@@ -92,28 +92,11 @@
}
.chat-tabs {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 5px;
width: 100%;
--mdui-color-surface: $color-dark-surface-container;
--mdui-color-surface-variant: transparent;
a {
display: flex;
text-decoration: none;
padding: 10px;
border: solid 3px $color-dark-surface;
box-shadow: 0px 3px 0px black 0.9;
margin-left: 20px;
margin-right: 20px;
background-color: $color-dark-on-surface-variant;
color: $color-dark-shadow;
font-weight: 20px;
border-radius: 20px;
align-items: center;
img {
width: 45px;
height: 45px;
@@ -123,4 +106,3 @@
}
}
}
}
frontend/src/material.ts
+4
View File
@@ -1,6 +1,10 @@
import 'mdui/components/tabs.js';
import 'mdui/components/tab.js';
import 'mdui/components/tab-panel.js';
import 'mdui/components/list.js';
import 'mdui/components/list-item.js';
import 'mdui/components/list-subheader.js';
import { setColorScheme } from 'mdui/functions/setColorScheme.js';
setColorScheme("#91cef4");