Replace with Material lists

This commit is contained in:
2025-08-20 20:00:40 +03:00
Unverified
parent 2728a9c6c9
commit 5c868b2076
3 changed files with 18 additions and 34 deletions
+6 -24
View File
@@ -92,35 +92,17 @@
}
.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;
border-radius: 20%;
object-fit: cover;
margin-right: 1rem;
}
img {
width: 45px;
height: 45px;
border-radius: 20%;
object-fit: cover;
margin-right: 1rem;
}
}
}
+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");