make ui bigger

This commit is contained in:
2026-01-16 14:52:18 +01:00
parent 2e2a9d0603
commit fbb6917812
23 changed files with 1252 additions and 1623 deletions

View File

@@ -60,12 +60,12 @@
}
.conversation-time {
font-size: 12px;
font-size: 16px;
color: #666666;
}
.conversation-preview {
font-size: 14px;
font-size: 18px;
color: #B3B3B3;
margin-top: 4px;
white-space: nowrap;
@@ -74,12 +74,12 @@
}
.conversation-unread {
width: 20px;
height: 20px;
border-radius: 10px;
width: 24px;
height: 24px;
border-radius: 12px;
background-color: #BB86FC;
color: #000000;
font-size: 11px;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
@@ -91,9 +91,9 @@
<body class="messages-screen" data-model="messages">
<!-- App Bar -->
<div class="app-bar">
<div class="app-bar-nav btn-icon" onclick="goBack()"><img src="../../icons/back.tga" style="width: 24px; height: 24px;"/></div>
<div class="app-bar-nav btn-icon" onclick="goBack()"><img src="../../icons/back.tga" style="width: 32px; height: 32px;"/></div>
<span class="app-bar-title">Messages</span>
<div class="btn-icon"><img src="../../icons/search.tga" style="width: 24px; height: 24px;"/></div>
<div class="btn-icon"><img src="../../icons/search.tga" style="width: 32px; height: 32px;"/></div>
</div>
<!-- Conversations List -->
@@ -112,6 +112,6 @@
</div>
<!-- FAB -->
<div class="btn-fab"><img src="../../icons/add.tga" style="width: 24px; height: 24px;"/></div>
<div class="btn-fab"><img src="../../icons/add.tga" style="width: 32px; height: 32px;"/></div>
</body>
</rml>