Added basic chat-message.hbs

This commit is contained in:
WBHarry 2025-07-28 22:50:08 +02:00
parent 094e0740dd
commit 078ca3262d
5 changed files with 140 additions and 45 deletions

View file

@ -1,18 +1,64 @@
@import '../utils/colors.less';
@import '../utils/fonts.less';
@import '../utils/mixin.less';
.dh-chat-message {
background-image: url('../assets/parchments/dh-parchment-dark.png');
border: none !important;
padding: 8px 0;
.message-header {
padding: 0 8px 8px;
color: @beige;
.message-sender,
.message-metadata {
font-family: @font-body;
}
}
}
@import '../utils/colors.less';
@import '../utils/fonts.less';
@import '../utils/mixin.less';
.theme-light {
.daggerheart.chat-sidebar .chat-log {
.chat-message {
background-image: url('../assets/parchments/dh-parchment-light.png');
}
}
}
.daggerheart.chat-sidebar {
.chat-log {
.chat-message {
border: none !important;
padding: 8px 0;
background-image: url('../assets/parchments/dh-parchment-dark.png');
.message-header {
padding: 0 8px 8px;
.message-header-section {
width: 100%;
display: flex;
.message-metadata {
font-family: @font-body;
}
}
.message-sub-header {
width: 100%;
display: flex;
gap: 8px;
.actor-img {
flex: none;
border-radius: 50%;
width: 60px;
height: 60px;
}
.message-sub-header-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 4px 0;
color: @beige;
h4 {
font-size: 20px;
font-weight: bold;
margin-bottom: 0;
font-family: @font-body;
color: @golden;
}
}
}
}
}
}
}