canastack-admin
/
sw-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update frontend

This commit is contained in:
Your Name 2025-12-09 19:39:46 -05:00
parent e0a8e68f33
commit 0b5c49243d
1 changed files with 21 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/styles/posts.css
View File

@ -6,12 +6,15 @@
position: absolute;
left: 0.7rem;
right: 0.7rem;
bottom: 0.7rem;
bottom: 0.6rem;
display: flex;
gap: 0.6rem;
align-items: stretch;
pointer-events: none;
z-index: 25;
/* IMPORTANT :
z-index plus bas que les autres overlays (20)
pour que les filtres restent au-dessus si ça se chevauche */
z-index: 10;
}
.map-overlay-wall * {
@ -22,15 +25,15 @@
.sociowall-panel {
flex: 1.5;
min-height: 120px;
max-height: 220px;
min-height: 90px; /* plus compact */
max-height: 170px; /* n’empiète pas trop sur la map */
background: rgba(15, 23, 42, 0.96);
border-radius: 14px;
border: 1px solid rgba(148, 163, 184, 0.9);
box-shadow:
0 14px 40px rgba(0, 0, 0, 0.9),
0 0 22px rgba(56, 189, 248, 0.45);
padding: 0.5rem 0.6rem;
0 10px 28px rgba(0, 0, 0, 0.9),
0 0 18px rgba(56, 189, 248, 0.45);
padding: 0.45rem 0.55rem;
display: flex;
flex-direction: column;
}
@ -41,7 +44,7 @@
letter-spacing: 0.06em;
text-transform: uppercase;
color: #bfdbfe;
margin-bottom: 0.3rem;
margin-bottom: 0.25rem;
}
/* --------- LISTE DES POSTS --------- */
@ -49,7 +52,7 @@
.post-list {
flex: 1;
overflow-y: auto;
padding-right: 0.2rem;
padding-right: 0.15rem;
}
.post-list-header {
@ -57,7 +60,7 @@
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.25rem;
margin-bottom: 0.2rem;
font-size: 0.7rem;
color: #cbd5f5;
}
@ -93,7 +96,7 @@
border: 1px solid rgba(55, 65, 81, 0.9);
background: rgba(15, 23, 42, 0.92);
padding: 0.3rem 0.45rem;
margin-bottom: 0.25rem;
margin-bottom: 0.22rem;
font-size: 0.76rem;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease,
@ -112,11 +115,11 @@
border-color: #bfdbfe;
box-shadow:
0 0 16px rgba(56, 189, 248, 0.6),
0 12px 26px rgba(15, 23, 42, 0.98);
0 10px 22px rgba(15, 23, 42, 0.98);
}
.post-card h3 {
margin: 0 0 0.15rem 0;
margin: 0 0 0.12rem 0;
font-size: 0.8rem;
}
@ -142,14 +145,14 @@
.chat-panel {
width: 150px;
min-width: 130px;
max-height: 220px;
max-height: 170px; /* même hauteur que le wall */
background: rgba(15, 23, 42, 0.96);
border-radius: 14px;
border: 1px solid rgba(148, 163, 184, 0.9);
box-shadow:
0 14px 40px rgba(0, 0, 0, 0.9),
0 0 22px rgba(56, 189, 248, 0.45);
padding: 0.45rem 0.5rem;
0 10px 28px rgba(0, 0, 0, 0.9),
0 0 18px rgba(56, 189, 248, 0.45);
padding: 0.4rem 0.45rem;
display: flex;
flex-direction: column;
}
@ -160,7 +163,7 @@
letter-spacing: 0.06em;
text-transform: uppercase;
color: #bfdbfe;
margin-bottom: 0.25rem;
margin-bottom: 0.2rem;
}
.chat-users {