laurent/PrivateChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

peer list touch up

Browse Source
This commit is contained in:
Laurent Dubertrand
2026-03-11 16:55:34 +01:00
parent 32084a66d1
commit 03d3b75fb4
1 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
client/src/app/chat-page.component.scss
View File

@@ -288,6 +288,7 @@
border-radius: 1rem; border-radius: 1rem;
color: inherit; color: inherit;
background: var(--surface-background); background: var(--surface-background);
font-size: 0.7em;
transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
} }
@@ -303,12 +304,12 @@
.peer-tile-indicators { .peer-tile-indicators {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.55rem; gap: 0.38rem;
flex: 0 0 auto; flex: 0 0 auto;
} }
.peer-dropdown-caret { .peer-dropdown-caret {
font-size: 0.95rem; font-size: 1.34rem;
line-height: 1; line-height: 1;
transition: transform 160ms ease; transition: transform 160ms ease;
} }
@@ -318,13 +319,13 @@
} }
.peer-tile-delete { .peer-tile-delete {
width: 2.2rem; width: 1.54rem;
height: 2.2rem; height: 1.54rem;
padding: 0; padding: 0;
border: 0; border: 0;
border-radius: 999px; border-radius: 999px;
background: transparent; background: transparent;
font-size: 1rem; font-size: 0.7rem;
line-height: 1; line-height: 1;
} }
@@ -350,13 +351,13 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 0.75rem; gap: 0.53rem;
} }
.peer-tile-title { .peer-tile-title {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.45rem; gap: 0.32rem;
min-width: 0; min-width: 0;
} }
@@ -368,8 +369,8 @@
} }
.peer-typing-dots span { .peer-typing-dots span {
width: 0.38rem; width: 0.27rem;
height: 0.38rem; height: 0.27rem;
border-radius: 999px; border-radius: 999px;
background: var(--page-text); background: var(--page-text);
opacity: 0.28; opacity: 0.28;