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