peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 12:37:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix visual representation of my message and other messages

Browse Source
This commit is contained in:
Peter Maquiran
2024-08-02 11:40:11 +01:00
parent efc7f72042
commit 2294c4ee3a
1 changed files with 8 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/chat/messages/messages.page.scss
+8 -13
View File
@@ -156,15 +156,6 @@ ion-content {
.other-message,
.my-message {
// Common styles for incoming messages
display: flex;
/* justify-content: flex-end; */
align-items: end;
flex-direction: column;
//margin-bottom: 10px; // Adjust as needed
//padding: 5px; // Adjust as needed
.message-container {
padding: 15px 20px;
margin: 10px 20px 10px 75px;
@@ -174,7 +165,10 @@ ion-content {
}
.other-message {
display: flex;
/* justify-content: flex-end; */
align-items: start;
flex-direction: column;
// float: left;
// Styles for incoming messages from other users
justify-content: flex-start;
@@ -189,9 +183,10 @@ ion-content {
.my-message {
//float: right;
// Styles for incoming messages from the current user
justify-content: flex-end;
display: flex;
/* justify-content: flex-end; */
align-items: end;
flex-direction: column;
}
.message-bubble {