FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-23 11:35:07 +03:00
Code Issues Packages Projects Releases Wiki Activity

Implement usernames and profile sections

Browse Source
This commit is contained in:
denis0001-dev
2025-10-20 00:18:34 +03:00
Unverified
parent f0be91c0e7
commit 818b7c1b46
21 changed files with 425 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/chat/css/_profile-dialog.scss
+29 -2
View File
@@ -55,6 +55,11 @@
flex-direction: column;
align-items: center;
.error-message {
color: $color-dark-error;
font-size: small;
}
.profile-picture-section {
position: relative;
display: flex;
@@ -134,15 +139,15 @@
.profile-sections {
margin: 16px;
border-radius: 24px;
display: flex;
flex-direction: column;
gap: 4px;
overflow: hidden;
width: calc(100% - (16px * 2));
box-sizing: border-box;
.section {
$edge-radius: 24px;
background: $color-dark-surface-container-high;
border-radius: 10px;
padding: 8px 16px;
@@ -150,6 +155,9 @@
flex-direction: row;
gap: 16px;
align-items: center;
transition: outline 0.1s ease;
outline: 0px solid transparent;
outline-offset: -1px;
.content-container {
display: flex;
@@ -179,6 +187,25 @@
}
}
}
// First and last section
&:first-child {
border-top-left-radius: $edge-radius;
border-top-right-radius: $edge-radius;
}
&:last-child {
border-bottom-left-radius: $edge-radius;
border-bottom-right-radius: $edge-radius;
}
&.error {
outline: 1px solid $color-dark-error;
.error-message {
margin-top: 4px;
}
}
}
}
}