post-guard/Katheryne
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Beautify CSS

Browse Source
This commit is contained in:
jackfiled
2023-10-09 13:31:03 +08:00
parent f82c3104b5
commit 70ebd98f14
6 changed files with 57 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Frontend/Shared/MainLayout.razor
View File

@@ -6,7 +6,7 @@
<Space >
<SpaceItem>
<p class="title-text">
自律型可重编程对话机器人
自律型可重编程客服机器人
</p>
</SpaceItem>

27
Frontend/Shared/MessageBubble.razor
View File

@@ -7,15 +7,15 @@
<SpaceItem>
<Avatar Icon="user" Size="2.5rem"/>
</SpaceItem>
<SpaceItem>
<div class="bubble">
<p style="font-size: 1.1rem">
<p style="font-size: 0.8rem; color: rgb(128,128,128)">
@Message.Sender
</p>
<div class="bubble-left">
<p class="message-text">
@Message.Text
</p>
<p style="font-size: 0.8rem; color: rgb(128,128,128)">
@Message.Sender
</p>
</div>
</SpaceItem>
</Space>
@@ -24,16 +24,18 @@
{
<Space Align="start">
<SpaceItem>
<div class="bubble">
<p style="font-size: 1.1rem; align-self: flex-end">
@Message.Text
</p>
<p style="font-size: 0.8rem; align-self: flex-end; color: rgb(128, 128, 128)">
<div>
<p style="font-size: 0.8rem; color: rgb(128, 128, 128); text-align: right;">
@Message.Sender
</p>
<div class="bubble-right">
<p class="message-text">
@Message.Text
</p>
</div>
</div>
</SpaceItem>
<SpaceItem>
<Avatar Icon="user" Size="2.5rem"/>
</SpaceItem>
@@ -50,4 +52,5 @@
Sender = "default",
Text = "default"
};
}

24
Frontend/Shared/MessageBubble.razor.css
View File

@@ -1,8 +1,24 @@
.bubble {
.bubble-left {
background-color: white;
border-radius: 10px;
border-radius: 1px 10px 10px 10px;
padding: 5px;
display: flex;
flex-direction: column;
min-width: 80px;
max-width: 300px;
width: fit-content;
justify-content: center;
}
.bubble-right {
background-color: white;
border-radius: 10px 1px 10px 10px;
padding: 5px;
max-width: 300px;
width: fit-content;
justify-content: center;
}
.message-text {
font-size: 1.1rem;
margin: 3px;
word-break: break-word;
}