klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Reverb realtime messaging

Browse Source
This commit is contained in:
Gregor Klevže
2026-03-21 12:51:59 +01:00
parent 60f78e8235
commit e8b5edf5d2
45 changed files with 3609 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
resources/css/app.css
View File

@@ -85,6 +85,92 @@
.nova-scrollbar::-webkit-scrollbar-corner {
background: transparent;
}
.nova-scrollbar-message {
scrollbar-width: thin;
scrollbar-color: rgba(56, 189, 248, 0.55) rgba(255,255,255,0.03);
}
.nova-scrollbar-message::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.nova-scrollbar-message::-webkit-scrollbar-track {
border-radius: 999px;
background:
linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)),
rgba(7, 11, 18, 0.72);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}
.nova-scrollbar-message::-webkit-scrollbar-thumb {
border: 2px solid rgba(7, 11, 18, 0.72);
border-radius: 999px;
background:
linear-gradient(180deg, rgba(125, 211, 252, 0.9), rgba(14, 165, 233, 0.78) 55%, rgba(217, 70, 239, 0.68));
box-shadow:
0 0 0 1px rgba(125, 211, 252, 0.18),
0 6px 18px rgba(14, 165, 233, 0.22);
}
.nova-scrollbar-message::-webkit-scrollbar-thumb:hover {
background:
linear-gradient(180deg, rgba(186, 230, 253, 0.98), rgba(56, 189, 248, 0.9) 50%, rgba(232, 121, 249, 0.78));
box-shadow:
0 0 0 1px rgba(186, 230, 253, 0.24),
0 10px 24px rgba(56, 189, 248, 0.28);
}
.nova-scrollbar-message::-webkit-scrollbar-corner {
background: transparent;
}
.messages-page,
.messages-page * {
scrollbar-width: thin;
scrollbar-color: rgba(56, 189, 248, 0.55) rgba(255,255,255,0.03);
}
.messages-page::-webkit-scrollbar,
.messages-page *::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.messages-page::-webkit-scrollbar-track,
.messages-page *::-webkit-scrollbar-track {
border-radius: 999px;
background:
linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)),
rgba(7, 11, 18, 0.72);
box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}
.messages-page::-webkit-scrollbar-thumb,
.messages-page *::-webkit-scrollbar-thumb {
border: 2px solid rgba(7, 11, 18, 0.72);
border-radius: 999px;
background:
linear-gradient(180deg, rgba(125, 211, 252, 0.9), rgba(14, 165, 233, 0.78) 55%, rgba(217, 70, 239, 0.68));
box-shadow:
0 0 0 1px rgba(125, 211, 252, 0.18),
0 6px 18px rgba(14, 165, 233, 0.22);
}
.messages-page::-webkit-scrollbar-thumb:hover,
.messages-page *::-webkit-scrollbar-thumb:hover {
background:
linear-gradient(180deg, rgba(186, 230, 253, 0.98), rgba(56, 189, 248, 0.9) 50%, rgba(232, 121, 249, 0.78));
box-shadow:
0 0 0 1px rgba(186, 230, 253, 0.24),
0 10px 24px rgba(56, 189, 248, 0.28);
}
.messages-page::-webkit-scrollbar-corner,
.messages-page *::-webkit-scrollbar-corner {
background: transparent;
}
}
/* ─── TipTap rich text editor ─── */